临沂网站制作技术HTML5标签之article元素

添加时间：2012-11-9

Article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容，它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。临沂网站制作

        除了内容部分，一个article元素通常有它自己的标题（一般放在一个header元素里面），有时还有自己的脚注。

        现在，让我们以博客为例来看一段关于article元素的代码示例，如代码1，

代码1：

<article>

<header>

<h1>网站制作技术</h1>

<p>发表日期：<time pubdate=”pubdate”>2010/10/09</time></p>

</header>

<p><b>易势</b>，网站制作专家</p>

<footer>

<p><small>版权所有</small></p>

</footer>

</article>

      这个示例是一篇讲述网站制作技术的文章，在header元素中嵌入文章的标题部分，在这部分中，文章的标题“网站制作技术”被镶嵌在h1元素中，文章的发表日期镶嵌在p元素中。在标题下部的p元素中，嵌入了一大段该文章的正文，在结尾处的footer元素中，嵌入了文章的著作权，作为脚注。整个示例的内容相对比较独立、完整，因此，对这部分内容使用了article元素。

        article元素是可以嵌套使用的，内层的内容在原则上需要与外层的内容相关联。例如，一篇文章中，针对该文章的评论就可以使用嵌套article元素的方式；用来呈现评论的article元素被包含在表示整体内容的article元素里面。临沂网站制作

浏览次数：2069