article - [ HTML 中文开发手册 ] - 在线原生手册

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

目錄搜尋

Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp

文字

<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