-
div
这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义,用作布局以及样式化标签。
-
section
与div
相似,但它有更进一步的语义。section
用作一段有专题性的内容,一般在它里面会带有标题。 section
典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
<section>
<h1>section元素的</h1>标题
<p>section区块的主题部分</p>
</section>
-
article
article
是一个特殊的section
标签,它比section
具有更明确的语义, 它代表一个独立的、完整的相关内容块。
<article>
<header>
<h1>标题</h1>
<p>发表日期:<time pubdate="pubdate">2010/10/10</time></p>
</header>
<p>article的使用方法</p>
<footer>
<p><small>Copyright @ yiiyaa.net All Rights Reserverd</samll></p>
</footer>
</article>
- 区别
div
、section
、article
,语义是从无到有,逐渐增强的。div
无任何语义,仅仅用作样式化或者脚本化的标签,对于一段主题性的内容,则就适用section
,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article
。 原则上来说,能使用article
的时候,也是可以使用section
的,但是实际上,假如使用article
更合适,那么就不要使用section
。
- 关于
section
元素的使用禁忌