目次に戻る

section要素:HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
HTML構文におけるタグの省略
  • 省略不可。
WAI-ARIA
  • アクセス可能な名前を持つ場合は、
    • デフォルトroleは、regionデフォルトroleは、role属性値に指定すべきでない。
    • デフォルトrole以外では、alertalertdialogapplicationbannercomplementarycontentinfodialogdocumentfeedlogmainmarqueenavigationnotesearchstatustabpanelpresentationnoneを指定可。
  • 上記以外の場合は、
    • デフォルトroleは、なし。
    • デフォルトrole以外では、alertalertdialogapplicationbannercomplementarycontentinfodialogdocumentfeedlogmainmarqueenavigationnotesearchstatustabpanelpresentationnoneを指定可。
視覚系ブラウザデフォルトとして期待されるCSS

  section {
    display: block;
    unicode-bidi: isolate;
  }
  
意味・用法

文書又はアプリケーションの(他のSectioning contentには当てはまらない)一般的なセクションを表す。コンテンツを主題別にグループ化したもので、通常は見出しを伴う。

W3C : HTML5.3:それぞれのsection要素は、当該section要素として見出しh1-h6要素)を含むことによって一般に識別されるべきであるとされていた。

私見・補足

Sectioning contentなので、実際に見出しを入れるかどうかはともかく、Heading content見出しを入れると不自然になるようなブロックには、そもそもふさわしくない。

見出しの文言は、当該セクションの主題・テーマを簡潔に表す文言。

見出しの付け方は、h1-h6要素を参照。

article要素との使い分けについては、article要素を参照。

アクセス可能な名前の有無で、デフォルトroleの取扱いが異なるというのはよく分からない。アクセス可能な名前があろうがなかろうが、section要素の素の役割は、region以外の何物でもないと思うのだが。