article

提供: ASCII.jp HTMLリファレンス

ver.9~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 文書内の個別記事
読み方 アーティクル

カテゴリー

フロー・コンテンツ、セクショニング・コンテンツ

親にできる要素/カテゴリー

フロー・コンテンツが期待される場所

子にできる要素/カテゴリー

フロー・コンテンツ

<article 属性="値">~</article>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 article要素は、HTML文書の中で、その部分が独立した記事として扱える箇所です。
 例えば、ブログの最新記事一覧のページで個々の記事に対応する部分を示すようなときに、article要素が適しています。

 article要素は入れ子にもできます。
 例えば、ブログの1つの記事に対して、複数のコメントが投稿されている場合、記事全体をarticle要素でくくり、その内部に個々のコメントごとのarticle要素を入れられます。

サンプル

(body要素の内部のみ掲載)

<article>
  <h1>今日の昼食</h1>
  <p>今日の昼は、〇〇庵でとんこつラーメンを食べました。<br />こってりしていて美味しかったです。</p>
  <article>
    <h2>コメント</h2>
    <p>私も食べたいです。</p>
  </article>
</article>

サンプル実行画像

Powered by Web Professional

目次