Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 505625 of article

  • リビジョンの URL スラグ: Web/HTML/Element/article
  • リビジョンのタイトル: article
  • リビジョンの ID: 505625
  • 作成日:
  • 作成者: yyss
  • 現行リビジョン? いいえ
  • コメント 英語版 Nov 22, 2013 1:21:51 PM に対応。

このリビジョンの内容

{{HTMLVersionHeader(5)}}

概要

HTML <article> 要素はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表します。これは、例えば通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザが投稿したコメント、インタラクティブなウィジェットやガジェット、その他のコンテンツで独立したアイテムが考えられるでしょう。

使用上の注意:

  • <article> 要素を入れ子にした場合、内側の要素は外側の要素に関する記事を表します。例えばブログ投稿へのコメントは、ブログ投稿を表す <article> 内へ入れ子にした <article> 要素にできます。
  • <article> 要素の著者情報は {{HTMLElement("address")}} 要素で提供できますが、入れ子にされた <article> 要素に適用してはいけません。
  • <article> 要素の発行日時は、{{HTMLElement("time")}} 要素の {{htmlattrxref("pubdate", "time")}} 属性で示すことができます。

属性

この要素はグローバル属性以外の属性を持ちません。

<article>
  <h4>A really awesome article</h4>
  <p>Lots of awesome text.</p>
</article>

仕様

仕様書 策定状況 コメント
{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '<article>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}} {{Spec2('HTML5 W3C')}}  

ブラウザ実装状況

{{CompatibilityTable}}
機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 5 {{CompatGeckoDesktop("2.0")}} 9.0 11.10 4.1
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 2.2 {{CompatGeckoMobile("2.0")}} 9.0 11.0 5.0 (iOS 4.2)

関連情報

  • 他のセクション関連要素: {{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")}}
  • HTML5 文書のセクションとアウトライン

{{HTMLRef}}

このリビジョンのソースコード

<div>
 {{HTMLVersionHeader(5)}}</div>
<h2 id="Summary" name="Summary">概要</h2>
<p><em>HTML <code>&lt;article&gt;</code> 要素</em>はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表します。これは、例えば通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザが投稿したコメント、インタラクティブなウィジェットやガジェット、その他のコンテンツで独立したアイテムが考えられるでしょう。</p>
<div class="note">
 <p><strong>使用上の注意:</strong></p>
 <ul>
  <li><code>&lt;article&gt;</code> 要素を入れ子にした場合、内側の要素は外側の要素に関する記事を表します。例えばブログ投稿へのコメントは、ブログ投稿を表す <code>&lt;article&gt;</code> 内へ入れ子にした <code>&lt;article&gt;</code> 要素にできます。</li>
  <li><code>&lt;article&gt;</code> 要素の著者情報は {{HTMLElement("address")}} 要素で提供できますが、入れ子にされた <code>&lt;article&gt;</code> 要素に適用してはいけません。</li>
  <li><code>&lt;article&gt;</code> 要素の発行日時は、{{HTMLElement("time")}} 要素の {{htmlattrxref("pubdate", "time")}} 属性で示すことができます。</li>
 </ul>
</div>
<ul class="htmlelt">
 <li><dfn><a href="/ja/docs/HTML/Content_categories" title="HTML/Content_categories">コンテンツカテゴリ</a></dfn> <a href="/ja/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">フローコンテンツ</a>、セクショニングコンテンツ、パルパブルコンテンツ</li>
 <li><dfn>許可された内容</dfn><a href="/ja/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">フローコンテンツ</a></li>
 <li><dfn>タグの省略</dfn> {{no_tag_omission}}</li>
 <li><dfn>許可された親要素</dfn> <a href="/ja/docs/HTML/Content_categories#Flow_content" title="https://developer.mozilla.org/en/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れるすべての要素。<code>&lt;article&gt;</code> 要素を {{HTMLElement("address")}} 要素の子孫にしてはいけない点に注意してください。</li>
 <li><dfn>DOM インターフェイス</dfn> {{domxref("HTMLElement")}}</li>
</ul>
<h2 id="Attributes" name="Attributes">属性</h2>
<p>この要素は<a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">グローバル属性</a>以外の属性を持ちません。</p>
<h2 id="Examples" name="Examples">例</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>
<h2 id="Specifications" name="Specifications">仕様</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">策定状況</th>
   <th scope="col">コメント</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>
<div>
 {{CompatibilityTable}}</div>
<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>基本サポート</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>基本サポート</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>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
 <li>他のセクション関連要素: {{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="/ja/docs/Sections_and_Outlines_of_an_HTML5_document" title="Sections and Outlines of an HTML5 document">HTML5 文書のセクションとアウトライン</a></li>
</ul>
<p>{{HTMLRef}}</p>
このリビジョンへ戻す