section

タグの概要

タグは、HTML文書内のセクションを定義するために使用されるタグです。文章やコンテンツをまとめてグループ化し、スタイリングや構造化を行う際に便利です。

基本の書き方(構文)

<section>
  <h2>Section Title</h2>
  <p>Section content goes here</p>
</section>

主な属性とその説明

タグには主な属性は特にありませんが、classやid属性を使ってセクションにスタイリングや識別を行うことができます。

使用例

<section class="main-section">
  <h2>Main Section</h2>
  <p>This is the main content section.</p>
</section>

<section id="sidebar-section">
  <h2>Sidebar Section</h2>
  <p>This is the sidebar content section.</p>
</section>
ブラウザでの表示イメージ:メインセクションとサイドバーセクションがそれぞれ別々に表示される。

よくある注意点・間違い

sectionタグは、コンテンツを意味のあるセクションに分割するために使用することが重要です。適切な意味を持つセクションに分割することで、SEOやアクセシビリティが向上し、コンテンツの理解やナビゲーションが容易になります。