视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
html中关于<article>标签的使用详解
2020-11-27 15:31:30 责编:小采
文档


<article> 标签是用来定义一些来自外部的内容。比如一些网友的投稿或是新闻记者的文章或是摘取某博客、论坛的信息,以及其他媒介资料。

用户看到的内容并不是对应本网站的一个具体的页面,<article>是可以嵌套使用的,内外层内容相关联

示例代码:

<html>
<body>
<article>
<h5>HTML5 项目</h5>
<p>HTML5是用于修正现在html的下一个网页规范</p>
<p>HTML5是万维网结构方面的标准</p>
</article>
</body>
</html>

article元素代表网站制作中的文档、页面或应用程序中的、完整的、可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章、一片论坛帖子、一段用户评论,或其它任何的内容。除了内容部分,一个article元素通常用作它自己的标题,有时还有它自己脚注。

下面是一段关于article元素的实例:

<article>
 <header>
 <h1>标题</h1>
 <p>发表日期:<time pubdate="pubdate">2011年7月10号</time></p>
 </header>
 <footer>
 <p>w3cmm 版权所有</p>
 </footer>
</article>

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

下面是一个关于article元素的代码实例:

<article>
 <header>
 <h1>标题</h1>
 <p>发表日期:<time pubdate="pubdate">2011年7月10号</time></p>
 </header>
 <section>
 <h2>评论</h2>
 <article>
 <header>
 <h3>张三的评论</h3>
 <p>12分钟前</p>
 </header>
 <p>……</p>
 </article>
 <article>
 <header>
 <h3>李四的评论</h3>
 <p>15分钟前</p>
 </header>
 <p>……</p>
 </article>
 </section>
</article>
</article>

下面来看一下article标签嵌套的代码:

<article> 
<header> 
<h1>article标签使用方法</h1> 
<p>发表日期:<time pubdate="pubdate">2015/8/1</time></p> 
</header> 
<p>怎样使用article标签?</p> 
<section> 
<h2>评论</h2> 
<article> 
<header> 
<h3>www.00h5.com零零H5</h3> 
<p><time pubdate datetime="2015-8-1T:21-26:00">1小时前</time></p> 
</header> 
<p>不错!</p> 
</article> 
<article> 
<header> 
<h3>零零H5www.00h5.com</h3> 
<p><time pubdate datetime="2011-12-23T:21-15:00">小时</time></p> 
</header> 
<p>对article解释</p> 
</article> 
</section> 
</article>

下载本文
显示全文
专题