首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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>

示例

代码语言:javascript
复制
<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

扫码关注腾讯云开发者

领取腾讯云代金券