<article> - アーティクル

トップ > HTMLリファレンス > <article>

概要

項目説明
形式<article>~</article>
サポートH5 / e9 / Ch5 / Fx4 / Sa4.1 / Op11.1
カテゴリフローコンテンツ, セクショニングコンテンツ, パルパブルコンテンツ
親要素フローコンテンツ を子要素に持てるもの
子要素フローコンテンツ (ただし、main 要素を子孫に持つことはできない)
タグの省略開始タグ:必須 / 終了タグ:必須

説明

フォーラムへの投稿、雑誌や新聞の記事、ブログエントリ、ユーザ投稿コメント、インタラクティブなウィジェットやガジェットなど、ドキュメント、ページ、アプリケーション、サイトの中における、完全自己完結型の記事を示します。原則として、販売番組(シンジケーション)の様に、他への依存なしに配布・再利用可能なものです。

ブログエントリのユーザーコメントがブログエントリの内容に関連しているように、article要素が入れ子になっている場合、内側の article要素は、外側の article要素のコンテンツに関係したものとなります。

article要素中の作者情報(<address>)は、入れ子の article要素には適用されません。

属性

【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Ch/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<article>
 <header>
  <h1>HTML5に対応しました</h1>
  <div><time>2011-06-12 10:28</time></div>
 </header>
 <p>HTMLリファレンスをHTML5に対応させました。</p>
 <section>
  <h2>コメント</h2>
  <article>
   <h3>ようやく</h3>
   <header>
    <address>投稿者: 山田太郎</address>
    <div><time>2011-06-12 11:12</time></div>
   </header>
   <p>ようやく・・・ですねw</p>
  </article>
</section>
<footer>
 <address>Author: 杜甫々</address>
</footer>
</article>
表示

HTML5に対応しました

HTMLリファレンスをHTML5に対応させました。

コメント

ようやく

投稿者: 山田太郎

ようやく・・・ですねw

関連項目

<section><nav<aside><details.htm><header><footer>

Copyright (C) 2011-2015 杜甫々
初版:2011年5月29日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/article.htm