标签的用法
由于昨晚发了一篇文章
http://www.zcool.com.cn/article/ZMzA3MzI=.html
,有一个网友评论问 的用法。所以现在举例来说明一下:
html5引入了标签,用于描述文档的结构,它同
标签的意思一样。但是在特定环境中,两者又有明显的区别。
w3对的定义是:定义一个文档的章节(可以拥有自己的和)。
w3对
的定义是: 定义一个文档的章节。(但似乎更适合用于外层的布局,缺少语义性。)
比如看一个案例:
在这里,我用来定义id为content的div里面的两个章节/区域。当然此处你也可以直接把div用section代替,或者把里面的改成
,因为此处还不能明显的区分两者的区别:
或者:
我们继续举例分析另外一个更明显的区分和
的案例:
- member1
- member2
- member3
member1
一个描述的段落
另一个描述的段落
这里的描述段落在语义上于外层的段落不是兄弟级别。
这里的描述段落在语义上于外层的段落不是兄弟级别。
又是另外一个段落描述,于最上面的两个段落属于兄弟级。
member2
一个描述的段落
另一个描述的段落
这个有分节的小标题,这里是这个分节的小标题
这里的描述段落在语义上于外层的段落不是兄弟级别。
这里的描述段落在语义上于外层的段落不是兄弟级别。
又是另外一个段落描述,于最上面的两个段落属于兄弟级。
member3
一个描述的段落
另一个描述的段落
这里是这个分节的小标题
这里的描述段落在语义上于外层的段落不是兄弟级别。
这里的描述段落在语义上于外层的段落不是兄弟级别。
这里的内容对于这个是一个脚部,它区别于上面的描述段落。
又是另外一个段落描述,于最上面的两个段落属于兄弟级。
在这个案例当中,我们用
标签来布局整个最外层的章,而用用来定义内部的章节。当然如果把整个文档都看作是一个章节,那么也可以用来代替
,但是建议不要使用来代替该用
布局的地方,那些地方不能体现出 的语义性。
在上面的
中,有一个导航,用元素,
除了之外,就是属于这个
的区域内的具体的章节,我们就用来定义,你可以看到,用来定义一个章节,而这个章节的内部又都是一个 ,它是关于一个member的具体的文章。而在这个的内部,可能我们会发现,有时候这个文章的结构又会有嵌套的关系,那么这个被嵌套的区域我们就可以用来表示这整个文章内的又一个分节。显然,在这里用
标签的话,语义上来说就很不适合了。
(责任编辑:大宝库)