HTML <section> タグ

定義と使用方法

<section> タグはドキュメントの一部を定義します。

参照も：

HTML DOM リファレンスマニュアル：Section オブジェクト

例

ドキュメントの二つの部分：

<section>
<h2>WWFの歴史</h2>
<p>世界自然保護基金（WWF）は、環境保護、研究および復元の問題に取り組む国際組織であり、その前身は世界野生動物保護基金です。世界自然保護基金は1961年に設立されました。</p>
</section>
<section>
<h2>WWFのシンボル</h2>
<p>パンダは世界自然保護基金のシンボルです。WWFの有名なパンダマークは、WWFが同年に北京動物園からロンドン動物園に移動した、名前を「キキ」というパンダに由来しています。</p>
</section>

自分で試してみる

グローバル属性

<section> タグは、以下のイベント属性をサポートしています HTML でのグローバル属性。

イベント属性

<section> タグは、以下のイベント属性をサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザは以下のデフォルト値を使用して表示します <section> 要素：

section {
  display: block;
}

自分で試してみる

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.5