使い方の概要

4.3.11 使い方の概要

このセクションは非規定です。

要素 目的
用例
body
<!DOCTYPE HTML>
<html>
 <head> <title>スティーヴ・ヒルのホームページ</title> </head>
 <body> <p>ハードトランスは私の人生だ。</p> </body>
</html>
article
<article>
 <img src="/tumblr_masqy2s5yn1rzfqbpo1_500.jpg" alt="'masif' と書かれた黄色のスマイリー・フェイス">
 <p>私の大好きな Masif tee!</p>
 <footer>2 日前に投稿</footer>
</article>
<article>
 <img src="/tumblr_m9tf6wSr6W1rzfqbpo1_500.jpg" alt="">
 <p>2 周年おめでとう Masif Saturdays!!!</p>
 <footer>3 週間前に投稿</footer>
</article>
section
<h1>バイオグラフィー</h1>
<section>
 <h1>事実</h1>
 <p>1500+ 閲覧, 14+ カ国</p>
</section>
<section>
 <h1>2010/2011 年別の写真</h1>
 <p>100+ 閲覧, 8+ カ国</p>
</section>
nav
<nav>
 <ul>
  <li><a href="/">ホーム</a>
  <li><a href="/biog.html">バイオグラフィー</a>
  <li><a href="/discog.html">ディスコグラフィー</a>
 </ul>
</nav>
aside
<h1>音楽</h1>
<p>バナーにかかれている通り、このイベントはトランスだらけです。</p>
<aside>私達が演奏した曲は<a href="buy.html">プレイリストページ</a>で買えます。</aside>
<p>今年は 90 年代中頃にベルギー、ドイツ、オランダで生まれたトランスを演奏しました。</p>
h1h6 セクションの見出し
<h1>プラヤ湖での音楽ガイド</h1>
<h2>メインステージ</h2>
<p>ステージで演奏したいなら、ひとつ持ってきたほうがいいです。</p>
<h2>音楽の増幅</h2>
<p>300W または 90dB までのアンプなら歓迎です。</p>
header
<article>
 <header>
  <h1>ハードトランスは私の人生だ</h1>
  <p>By DJ スティーヴ・ヒル、テクニカル</p>
 </header>
 <p>The album with the amusing punctuation has red artwork.</p>
</article>
footer
<article>
 <h1>ハードトランスは私の人生だ</h1>
 <p>The album with the amusing punctuation has red artwork.</p>
 <footer>
  <p>アーティスト: DJ スティーヴ・ヒル、テクニカル</p>
 </footer>
</article>
4.3.11.1 article なのか section なのか?

このセクションは非規定です。

section は他の何かの一部を形成します。article はそれ自身のことです。しかし、どっちがどっちなのかを知るにはどうすればよいでしょうか? 大抵、真の答えは、"ウェブ制作者の考え次第" なのです。

たとえば、本を想像してみましょう。"グラニースミス" という章があり、そこでは "このジューシーで緑色のリンゴは、アップルパイによく使われます。" と書かれているとします。この場合は section でしょう。なぜなら、(おそらく)他の種類のリンゴに関する章がいくつもあるだろうからです。

一方、ツイートや、レディットのコメントや、タンブラーの投稿や、"グラニースミス。このジューシーで緑色のリンゴは、アップルパイによく使われます。" とだけ書かれた 3 行広告を想像してみましょう。この場合は article でしょう。なぜなら、それがすべてだからです。

記事のコメントは、コメント対象となる article の一部ではありません。ゆえに、それはそれ自身で article なのです。


※ 原文:http://www.w3.org/TR/2014/REC-html5-20141028/sections.html#usage-summary-0