HTML <section> Tag

最終更新日
金曜日 13日 5月 2022

html section

セクション要素には、通常、その特定のセクションとコンテンツで何を読むべきかを読者に指示する見出しがあります。section タグは、コンテンツをセクションとサブセクションに分割します。

section 意味

セクションタグの主な利点は、セマンティック要素であることです。

HTML5 では、<section></section> タグを使用してセクションを定義できます。ドキュメントページには、必要な数だけセクションを含めることができます。

構文

	<section>セクションの内容</section>
	

section html

	<section>
  <h1>セクション: 見出し 1</h1>
  <p>セクションの内容 1</p>
</section>
<section>
  <h1>セクション: 見出し 2</h1>
  <p>セクションの内容 2</p>
</section>
<section>
  <h1>セクション: 見出し 3</h1>
  <p>セクションの内容 3</p>
</section>
	

セクション

フロントエンドフレームワークとライブラリ

	<section>
  <h2>フロントエンドフレームワークとライブラリ</h2>
  <ul>
    <li>AngularJS</li>
    <li>React JS</li>
    <li>Vue JS</li>
    <li>Svelte</li>
  </ul>
</section>
	

section タグ

ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザーのバージョンを指定します。

エレメント Chrome Edge Mozilla Safari Opera
<section> 5.0 9.0 4.0 5.0 11.5