目录搜索
Attributesaccesskey (attribute)class (attribute)contenteditable (attribute)contextmenu (attribute)data-* (attribute)dir (attribute)draggable (attribute)dropzone (attribute)Global attributeshidden (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)Elementsaabbraddressareaarticleasideaudiobbasebdibdoblockquotebodybrbuttoncanvascaptioncitecodecolcolgroupdatadatalistdddeldetailsdfndialogdivdldtemembedfieldsetfigcaptionfigurefooterformh1headheaderhrhtmliiframeimginputinput type="button"input type="checkbox"input type="color"input type="date"input type="datetime"-localinput 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"inskbdlabellegendlilinkmainmapmarkmenumenuitemmetameternavnoscriptobjectoloptgroupoptionoutputpparampicturepreprogressqrprtrtcrubyssampscriptsectionselectslotsmallsourcespanstrongstylesubsummarysuptabletbodytdtemplatetextareatfootththeadtimetitletrtrackuulvarvideowbrMiscellaneousAttributesBlock-level elementsCORS enabled imageCORS settings attributesElementInline elementsKinds of HTML contentLink typesMicrodataOptimizing your pages for speculative parsingPreloading contentReferenceSupported media formatsUsing the application cacheObsoleteacronymappletbasefontbigblinkcentercommandcontentdirelementfontframeframesethgroupimageinput type="datetime"isindexkeygenlistingmarqueenextidnoframesplaintextstrikettxmp
文字

<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

上一篇:下一篇: