HTML <section> 标签有什么作用?
section元素表示文档或应用的一个部分。所谓“部分”,这里是指按照主题分组的内容区域,通常会带有标题。【也就是每个section对应
不同的主题。注意是内容本身的主题,而不是其他人为设定的划分标准。】section的例子包括书的章节回目、多tab对话框的每个tab页、论
文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。注意:网页作者应使用article而不是section元素,如
果其内容是用于聚合(syndicate)。【比如blog首页上的每篇blog。又如论坛帖子的一楼、二楼、三楼……n楼。通常这样的每部分内容形
式上是类似的,但是来源是独立的。】注意:section不是通用容器元素。如果仅仅是用于设置样式或脚本处理,应用div元素。一条简单的
准则是,只有元素内容会被列在文档大纲中时,才适合用section元素。
文档的某个区域,解释了什么是 WWF :
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is....</p>
</section>
IE 9+、Firefox、Opera、Chrome 和 Safari <section> 标签。
注释:IE 8 或更早版本的 IE 浏览器不支持 <section> 标签。
标签定义及使用说明
<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
html中的section和div用法有什么区别?
div 标签
这个标签是我们见得最多、用得最多的一个标签。本身没有任何语义,用作布局以及样式化或脚本的钩子(hook)。
section 标签
与 div 的无语义相对,简单地说 section 就是带有语义的 div 了,但是千万不要觉得真得这么简单。section 表示一段专题性的内容,
一般会带有标题。看到这里,我们也许会想到,那么一篇博客文章,或者一条单独的评论岂不是正好可以用 section 吗?当元素内容聚合起来更加言之有物时,应该使用 article 来替换 section 。
那么,section 应该什么时候用呢?section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一个网站的主页可以分成简介、新闻和联系信息等几部分。
div section,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。原则上来说,能使用 article 的时候,也是可以使用 section 的,但是实际上,假如使用 article 更合适,那么就不要使用 section 。nav 和 aside 的使用也是如此,这两个标签也是特殊的 section,在使用 nav 和 aside 更合适的情况下,也不要使用 section 了。
对于 div 和 section、 article 以及其他标签的区分比较简单。对于 section 和 article 的区分乍看比较难,其实重点就是看看这段内容脱离了整体是不是还能作为一个完整的、独立的内容而存在,这里面的重点又在完整身上。因为其实说起来 section 包含的内容也能算作独立的一块,但是它只能算是组成整体的一部分,article 才是一个完整的整体。
HTML 4.01 与 HTML5之间的差异
<section> 标签是 HTML5 中的新标签。
<section> 标签支持 HTML 的全局属性。
<section> 标签支持 HTML 的事件属性。