要約

デジタル出版物内の自己完結型のコンテンツ記事を識別するには、 article要素を使用します。

テクニック

例

例1 — 基本的な記事
<article>
   <header>
      <h2>The Deterrent Effects of Slap-Induced Cranial Trauma</h2>
      <p class="byline">M. Howard, C. Howard, and L. Fine</p>
      <p class="id">DOI: <a href="https://dx.doi.org/10xxx/"
         >https://dx.doi.org/10xxx/</a></p>
   </header>
   <section id="abstract" role="doc-abstract">
      <p>… </p>
   </section>
   …
</section>

よくある質問

asideとarticleどちらを使うべきでしょうか?

aside要素は、コンテンツが主要な物語を説明または補足する場合に最適です。サイドバー、用語集、および同様の説明コンテンツに最適です。

article要素は、コンテンツがドキュメントまたは出版物の他のコンテンツから独立している場合に最適です。たとえば、科学雑誌では、共通のテーマがあっても、各記事は他の記事から独立しています。

解説

記事ベースの出版物は商業出版では一般的ではありませんが、科学雑誌などの出版分野では中心的な存在です。出版物に記事が含まれている場合、意味的に正確なarticle要素を使用してタグ付けすることができます。

HTML 仕様によれば、 article要素のコンテンツは、「原則として、（例: シンジケーション内などで）独立して配布または再利用可能」です 。この意味で、記事は、より大きなデジタル作品内の自己完結型のミニ出版物のようなものです。 section要素を使用して作品を小さなセクションに分割する場合、 article要素は、 section要素を使用してさらに分割できる個別のコンテンツコンテナーを表します。

支援技術のユーザーにとって、 articleとsectionタグの主な違いは、それらの識別方法にあります。 sectionはランドマーク（目印）と見なされますが、 articleはそうではありません。Jaws や NVDA などのスタンドアロンの支援技術では、通常、この違いに関係なく、ユーザーは記事に移動できますが、記事はページのランドマーク（目印）のリストには含まれません。

article要素は、インタラクティブゲームなどのスクリプトコンテンツをカプセル化するために使用されることもあります。記事という従来の公開概念に限定されず、コンテンツの個別の項目をカプセル化するものとして考えることができます。

関連リンク