HTML5

タグ(要素)

SECTION

  編集:2022.06.28 by T.A.

mdn

文書またはアプリケーションの一般的セクションを表す。

この要素を使用できる文脈

セクショニング内容が期待される場所。

内容モデル

フロー内容

text/htmlにおけるタグ省略

どちらのタグも省略不可。

内容属性
解説

この文脈において、セクションは、典型的な見出しを伴う、主題を表す内容のグループである。

セクションの例は、章、タブ付きのダイアログ ボックス内のさまざまなタブ付きページ、または論文の番号付きセクションであろう。ウェブサイトのホームページは、はしがき、ニュース、および連絡先情報のセクションに分けることができるだろう。

要素の内容を配給することが理にかなう場合、著者は SECTION 要素の代わりに ARTICLE 要素を使用するよう推奨される。

SECTION 要素は包括的なコンテナ要素ではない。要素がスタイル付け目的またはスクリプティングの便宜のために必要になった場合のみ、著者は、代わりに DIV 要素を使用するよう推奨される。要素の内容が文書のアウトラインで明示的に記載されるだろう場合のみ、SECTION 要素が適切であるというのが一般的なルールである。

次の例において、2 つの短いセクションを含む、リンゴについて(大規模なウェブページの一部)の記事を見てみる。

<ARTICLE>
 <HGROUP>
  <H1>Apples</H1>
  <H2>Tasty, delicious fruit!</H2>
 </HGROUP>
 <P>The apple is the pomaceous fruit of the apple tree.</P>
 <SECTION>
  <H1>Red Delicious</H1>
  <P>These bright red apples are the most common found in many
  supermarkets.</P>
 </SECTION>
 <SECTION>
  <H1>Granny Smith</H1>
  <P>These juicy, green apples make a great filling for
  apple pies.</P>
 </SECTION>
</ARTICLE>

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: