文字
分享

<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

上一篇:area下一篇:aside