韩国设计资源网广告
HTML元素语义的分类
作者:佚名 文章来源:网页教学网 点击数: 更新时间:2007-9-16 20:14:07
推荐给QQ/MSN好友:

原文:http://westciv.com/style_master/house/good_oil/semantics/classification.html

我的话:

原来在语义化的HTML标签和属性 日志中提到过HTML语言的语义使用,这次看到老外有把他们进行了归类,作者应该是微格式的开发成员。我个人觉得分类之后更容易理解和去使用HTML,实现语义化的标记,meta没有提及,个人认为,meta的使用还是很固定的,没有争议性。

以下是翻译的正文

html的语义都是一样的?还是元素和属性的语义类型还是有一些不同的?我认为HTML元素,至少有两种不同的语义分类,甚至是三种不同类型的语义单元,即结构语义,内容语义,修饰形容语义(structural semantics, content semantics, and rhetorical semantics),这里对属性的语义还不能清楚的表述,但是似乎也可以分成结构语义和其他的可以延伸HTML的语义类别。

HTML元素的语义类别

结构

这些元素的语义定义了他们在文档中扮演着的结构的角色

div
span
ol, ul, li, dl, dt, dd
del, ins
h1...h6
p

内容

这些元素的语义定义了在文档中表示内容标记的语义

a
abbr
acronym
address
blockquote
cite
code
dfn
kbd
q
samp
var

修饰形容

这些元素起到对内容的修饰和形容

strong
em

并无完全清楚的

不完全知道以下元素应该属于什么分类,看似三者都不是又或者都涵盖了

blockquote
site
q

HTML属性的分类

这是比较难分类的部分,他可以作用在大部分的HTML元素中,通常属性是对元素语义的一个扩展和延伸

内容

alt
cite
datetime
lang
longdesc
title

延伸

class
id
rel
rev

  • 下一篇教程: 没有了
  • 热门设计教程
    推荐教程 Photoshop教程变照片为卡通漫画[05-18]
    推荐教程 Photoshop超酷海报效果[05-18]
    推荐教程 photoshop鼠绘美女[04-23]
    推荐教程 超简单ps蕾丝边框教程[05-21]
    推荐教程 照片处理 Photoshop修饰漂亮美女[07-02]
    推荐教程 字母标志设计[08-30]
    推荐教程 用photoshop制作羽毛扇[04-07]
    推荐教程 Photoshop教程Photoshop蒙板全攻[05-28]
    推荐教程 Photoshop通道法为漂亮MM抠图实例[08-24]
    推荐教程 Photoshop相片处理实例 芙蓉姐姐[08-24]
    推荐设计教程
    推荐教程 用Photoshop CS3为美女的牙齿美白[08-26]
    推荐教程 用Photoshop CS3打造蔚蓝梦幻风格[08-26]
    推荐教程 用Photoshop简简单单为芙蓉姐姐瘦[08-26]
    推荐教程 Photoshop打造超可爱卡通糖果娃娃[08-26]
    推荐教程 Ctrl+A全选会变的图片制作方法[08-26]
    推荐教程 Fireworks教程:制作逼真梵高之光[08-26]
    推荐教程 Fireworks轻松绘制Windows Vista[08-26]
    推荐教程 Mashups+AJAX打造全新Web开发[08-19]
    推荐教程 网页制作小技巧:关于超链接的下[08-19]
    推荐教程 Photoshop制作VONAI风格非主流照[08-19]