HTML article元素

article元素

article元素代表文档、页面、应用程序、或网站中一个独立的、完整的、可以独自被外部引用的内容，它可以是一篇论坛帖子、一篇文章、一篇新闻报道、一篇博客文章等任何独立的内容块，它通常有自己的标题、页脚等。因此，article元素里面可包含独立的 header、footer 等结构化元素。如：

1. <article>
2. <header>
3. <h1>The Very First Rule of Life</h1>
4. <p><time datetime="2016-8-8">3 days ago</time></p>
5. </header>
6. <p>If there's a microphone anywhere ...</p>
7. <p>...</p>
8. <footer>
9. <a itemprop="discussionUrl" href="?comments=1">Show comments...</a>
10. </footer>
11. </article>

 

上述代码通过一个article元素，定义了一篇完整的文章，文章由三部分组成，分别是头部、正文和尾部。头部和尾部则通过独立的 header、footer 结构化元素来定义，使文章的结构非常清晰。

一个页面可以有多个 article元素（也可以没有），如博客的主页通常包括多篇文章，每篇文章就可以是一个 article元素。并且，可以将一个 article元素嵌套在另一个 article元素中，主要内层的 article元素与外层 article元素是部分与整体的关系。在 article元素元素中包含独立的 h1~h6 标题，也是很好的做法。版权声明：本文出自 歪脖网 的《HTML5 宝典》，欢迎在线阅读， 并提出宝贵意见。