section(セクション)要素は一般的なセクションを表します。通常見出しが含まれ、文書内の章や節を意味しますが必須ではありません。

section要素説明
カテゴリー・セクショニングコンテンツ
・パルバブルコンテンツ
・フローコンテンツ
コンテンツモデルフローコンテンツ
使用できる場所セクショニングコンテンツが期待される場所

section要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<article>
 <header>
  <h1>福島県旅行の日記</h1>
  <p><time datetime="2024-09-14T10:30:42+09:00">公開日: 2024年09月14日</time></p>
 </header>

 <p>友人と初めての二人旅です。</p>
 <p>...</p>

 <section>
  <h1>この記事へのコメント</h1>

  <article>
   <h1>孝一さんのコメント</h1>
   <p>素敵な旅でしたね・・・。</p>
   <footer>
    <address>投稿者: <a href="mailto:taro@example.com">東京太郎</a></address>
   </footer>
  </article>

  <article>
   <h1>芳樹さんのコメント</h1>
   <p>私も行ってみたくなりました。</p>
   <footer>
    <address>投稿者: <a href="mailto:yosiki@example.com">埼玉芳樹</a></address>
   </footer>
  </article>

 </section>

 <footer>
  <address>
   著者: <a href="mailto:hoge@example.com">東京一郎</a>
  </address>
 </footer>
</article>

表示

福島県旅行の日記

友人と初めての二人旅です。

この記事へのコメント

孝一さんのコメント

素敵な旅でしたね・・・。

芳樹さんのコメント

私も行ってみたくなりました。

*メールアドレスは設定していませんので、リンクをクリックしても同じページが表示されるだけになります。

カテゴリー: