article
<article>
<article>元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
内容类别 | 流内容,切片内容,可触及的内容。 |
---|---|
允许的内容 | 流量内容。 |
标记遗漏 | 没有,起始和结束标签都是强制性的。 |
允许父母 | 任何接受流内容的元素。请注意,<article>元素不能是<address>元素的后代。 |
允许ARIA角色 | 应用程序,文件,饲料,主要,演示文稿,区域 |
DOM界面 | HTML元素 |
属性
只具有全局属性。
使用说明:
- 每一个都<article>应该被识别出来,通常包括一个标题(<h1>- <h6>元素)作为元素的一个子<article>元素。
- 当<article>元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的<article>元素可嵌套在代表博客文章的<article>元素中。
- <article>元素的作者信息可以通过<address>元素提供,但不适用于嵌套<article>元素。
- <article>元素的发布日期和时间可以使用元素的datetime属性来描述<time>。请注意,该 属性不再是W3C HTML 5标准的一部分。pubdate <time>
示例
<article class="film_review">
<header>
<h2>Jurassic Park</h2>
</header>
<section class="main_review">
<p>Dinos were great!</p>
</section>
<section class="user_reviews">
<article class="user_review">
<p>Way too scary for me.</p>
<footer>
<p>
Posted on
<time datetime="2015-05-16 19:00">May 16</time>
by Lisa.
</p>
</footer>
</article>
<article class="user_review">
<p>I agree, dinos are my favorite.</p>
<footer>
<p>
Posted on
<time datetime="2015-05-17 19:00">May 17</time>
by Tom.
</p>
</footer>
</article>
</section>
<footer>
<p>
Posted on
<time datetime="2015-05-15 19:00">May 15</time>
by Staff.
</p>
</footer>
</article>
规范
规范 | 状态 | 评论 |
---|---|---|
HTML Living Standard该规范中'<article>'的定义。 | 生活水平 | |
HTML 5.1该规范中'<article>'的定义。 | 建议 | |
HTML5该规范中'<article>'的定义。 | 建议 | |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | 5 | (Yes) | 4 | 9 | 11.1 | 4.1 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 4 | 9 | 11 | 4.2 |