HTML5文章元素
时间：2020-01-09 10:34:37 来源:igfitidea点击:
HTML5" article"元素用于在语义上标记页面的一个或者多个主要内容部分。
HTML5页面可能包含主要内容的多个单独部分。例如，一个博客网站可能包含一个页面，其中包含多个博客文章。在这种情况下，每个博客文章都将包含在其自己的" article"元素中。另一个示例可能是新闻站点上的个别新闻文章。
这是在HTML5代码中的外观：
<html>
<body>
<header>
Logo etc.
<nav>
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
</nav>
</header>
<nav>
<a href="subpage1.html">SubPage 1</a>
<a href="subpage2.html">SubPage 2</a>
<a href="subpage3.html">SubPage 3</a>
</nav>
<article>
<p>Main content section 1</p>
</article>
<article>
<p>Main content section 2</p>
</article>
<footer>...</footer>
</body>
</html>
请记住，" article"元素是一个语义元素。它没有任何特殊外观。不过，我们仍然可以使用CSS设置样式，就像使用div元素一样。
还请记住，作为语义元素，我们不必在页面中放入"文章"元素。 "文章"元素旨在供未来的智能浏览器(也许)和网络爬虫等使用，但不能保证这些软件组件将如何使用这些元素。只有未来会证明一切。
主要内容标题
如果主要内容部分包含标题或者其他标题信息(出版日期，作者等)，则该内容位于article元素内。这是一个例子：
<article>
<h2>Title</h2>
<p>Main content section 1</p>
</article>
