<article>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。
使用说明:
- 内容分类 Flow content, sectioning content, palpable content.
- 许可内容Flow content.
- 标记省略 不允许，开始标签和结束标签都不能省略。
- 父元素所有接受 flow content的元素。注意<article>元素不能成为
<address>元素的子元素。 - DOM interface
HTMLElement
属性
只具有全局属性。
示例
<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>标准
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard <article> |
Living Standard | |
| HTML5 <article> |
Recommendation |
浏览器兼容
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
article | Chrome Full support 5 | Edge Full support Yes | Firefox Full support 4 | IE Full support 9 | Opera Full support 11.1 | Safari Full support 4.1 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support 11 | Safari iOS Full support 4.2 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support