3.5.3 文章article
article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。根据其名称，可猜想article元素用于包含像报纸文章一样的内容。但是，article元素并不局限于此，它可以包含一篇论坛帖子、一篇杂志或报纸文章、一篇博客文章、一个交互式的小部件或者小工具，或者任何其他独立的内容项，如图3-16所示。
图3-16 “五味的调和”页面
代码结构如下：
注意：以上并非完整代码，而是为了精简，只主要介绍了代码结构，文字图片内容均没有展开，后面的例子也是如此。
一个页面可以没有article元素，也可以有多个article元素。例如，博客的主页通常包括几篇最新的文章，其中每一篇都是一个article元素，如图3-17所示。
在图3-17中展示了两篇博文，每一篇都是一个article元素，并且在每个article元素的上部都显示了标题、发表时间、标签、分类和转载等信息，这一部分信息可以用header元素包含起来。同样，在每篇博文的下方显示了阅读、评论、转载、收藏等信息，这些信息可以用footer（页底）元素包含起来，以使整个文档结构更明确，语义更清晰。
代码结构如下：
之前说过，页面中可以有多个header元素，header元素一般作为页面的页眉，也可以用来标注页面内容中具有介绍性或导航性的部分，这里的header和footer就不是整个网页的页眉和页底，而是属于这个article元素，即这篇博文的页眉和页脚。
图3-17 具有多个article元素的博客页面
除了可以在article元素中嵌套header元素和footer元素以外，比较常见的还有在article元素中嵌套article元素，例如图3-18所示，一篇博文下方还有评论，那么每条评论也作为一个article元素，嵌套在整个博文的article元素中。
代码结构如下：
图3-18 博文中的评论