首页 > 编程 > HTML > 正文

HTML5实例教程:article标签使用实例

2024-08-26 00:16:57
字体:
来源:转载
供稿:网友

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

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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表