在线文档教程

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>'的定义。建议

浏览器兼容性

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic Support5(Yes)4911.14.1

FeatureAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Basic Support(Yes)(Yes)(Yes)49114.2