一、HTML5 结构元素
1、文章结构
在 HTML5 中标识一篇文章,用到三个元素,分别是 article、header 和 footer。
article 元素用于标识页面中独立的、完整的内容,header 元素标识文章的标题,
footer 元素标识文章的脚注,用于显示文章的作者、版权信息、链接或者联系
方式等。header 元素和 footer 元素不仅可以应用于文章的标题和脚注,也可以
用于整个页面或区段的标题和底部,这两个元素在同一个页面中可以多次出现。
<body>
<article>
<header>……</header>
<p>……</p>
<p>……</p>
<footer></footer>
</article>
</body>
2、内容分段
section 元素是一个区域分组元素,用于页面内容的分段,各个段落的内容
具有相对的独立性,同时相邻的段落之间又具有相关性。section 元素通常由内
容和标题组成,标题一般使用标准的标题元素(h1—h6),没有标题的内容不能
使用 section 元素。article 元素和 section 元素可以相互嵌套,当一篇文章中
有几个并列的段落时,就可以用 section 分段;当 section 的其中一段具有独立
性时可以用 article 标识该段的独立性。
<section>
<h2></h2>
<article></article>
</section>
section 元素的应用有一定限制,如果能使用 article、aside 或者 nav 元素
完成设计要求,则不建议使用 section。
3、辅助信息
aside 元素用于显示与页面或文章相关但又可以独立的内容,可以使广告、
引用、侧边栏等。aside 元素包含在 article 元素中时,作为主要内容的附属信
息部分,内容往往是与当前文章相关的参考资料;aside 元素还可以 用于页面或
站点全局的附属信息部分,最典型的应用是侧边栏,例如友情链接。
<aside>
<h2></h2>
<ul>
<li><li>
<li><li>
……
</ul>
</aside>
4、导航信息
nav 元素用于定义页面中的导航链接组,用 nav 元素实现站点导航是最典型
的应用,也可以利用 nav 实现文章的章节导航。