Revision 43705 of article

<p> </p>
<p>{{ HTMLVersionHeader("5") }}</p>
<h2 id="概要">概要</h2>
<p>The <em>HTML Article Element</em> (&lt;article&gt;) represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable, e.g., in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.</p>
<div class="note"> <p><em>Usage notes:</em></p> <ul> <li>When an <code>&lt;article&gt;</code> element is nested, the inner element represents an article related to the outer element. For example, the comments of a blog post can be <code>&lt;article&gt;</code> elements nested in the <code>&lt;article&gt;</code> representing the blog post.</li> <li>Author information of an <code>&lt;article&gt;</code> element can be provided through the {{ HTMLElement("address") }} element, but it doesn't apply to nested <code>&lt;article&gt;</code> elements.</li> <li>The publication date and time of an <code>&lt;article&gt;</code> element can be described using the {{ htmlattrxref("pubdate", "time") }} attribute of a {{ HTMLElement("time") }} element.</li> </ul>
</div>
<h2 id="Usage_context">Usage context</h2>
<table class="fullwidth-table"> <tbody> <tr> <td>Permitted content</td> <td><a href="/en/HTML/Content_categories#Flow content" title="en/HTML/Content categories#Flow content">Flow content</a></td> </tr> <tr> <td>Tag omission</td> <td>None, both the <span title="syntax-start-tag">start tag</span> and the <span title="syntax-end-tag">end tag</span> are mandatory</td> </tr> <tr> <td>Permitted parent elements</td> <td> <p>Any element that accept <a href="/en/HTML/Content_categories#flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#flow_content">flow content</a>. Note that an <code>&lt;article&gt;</code> element must not be a descendant of an {{ HTMLElement("address") }} element.</p> </td> </tr> <tr> <td>Normative document</td> <td><a class="external" href="https://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element" rel="external nofollow" target="_blank" title="https://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element">HTML5, section 4.4.4</a></td> </tr> </tbody>
</table>
<h2 id="属性">属性</h2>
<p>This element has no other attributes than the <a href="/en/HTML/Global_attributes" rel="internal">global attributes</a>, common to all elements.</p>
<h2 id="DOM_インタフェース">DOM インタフェース</h2>
<p>この要素は <code><a href="/en/DOM/element" title="en/DOM/element">HTMLElement</a></code> インタフェースを実装します。</p>
<h2 id="例">例</h2>
<pre class="brush: html">&lt;article&gt;
  &lt;h4&gt;A really awesome article&lt;/h4&gt;
  &lt;p&gt;Lots of awesome text.&lt;/p&gt;
&lt;/article&gt;
</pre>
<h3 id="結果">結果</h3>
<div>&lt;article&gt; <h4 id="A_really_awesome_article">A really awesome article</h4> <p>Lots of awesome text.</p> &lt;/article&gt;</div>
<h3 id="互換性">互換性</h3>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop"> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>機能</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>5</td> <td>{{ CompatGeckoDesktop("2.0") }}</td> <td>9.0</td> <td>11.10</td> <td>4.1</td> </tr> </tbody> </table> </div> <div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>機能</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>2.2</td> <td>{{ CompatGeckoMobile("2.0") }}</td> <td>9.0</td> <td>11.0</td> <td>5.0 (iOS 4.2)</td> </tr> </tbody> </table> </div>
</div>
<h2 id="See_also">See also</h2>
<ul> <li>Others section-related elements: {{ HTMLElement("body") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("section") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}, {{ HTMLElement("hgroup") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("address") }}</li> <li class="last"><a class="deki-ns current" href="/en/Sections_and_Outlines_of_an_HTML5_document" title="en/Sections and Outlines of an HTML5 document">Sections and outlines of an HTML5 document</a>.</li>
</ul>