首页 > 开发 > HTML5 > 正文

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

2024-09-05 07:18:37
字体:
来源:转载
供稿:网友
网页制作Webjx文章简介: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>

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