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

概要

カテゴリー

• Flow content
• Sectioning content
• Palpable content

配置できる場所

• 上記カテゴリーの要素が置ける場所。

内容モデル

• Flow content

• main要素の規定による制限
  • main要素を子孫に含んではならない。

属性

• グローバル属性

HTML構文におけるタグの省略

• 省略不可。

WAI-ARIA

• アクセス可能な名前を持つ場合は、
  • デフォルトroleは、region。デフォルトroleをrole属性値に指定することは、推奨されない。
  • デフォルトrole以外では、alert、alertdialog、application、banner、complementary、contentinfo、dialog、document、feed、group、log、main、marquee、navigation、note、search、status、tabpanel、presentation、noneを指定可。
• 上記以外の場合は、
  • デフォルトroleは、generic。デフォルトroleをrole属性値に指定することは、推奨されない。
  • デフォルトrole以外では、alert、alertdialog、application、banner、complementary、contentinfo、dialog、document、feed、group、log、main、marquee、navigation、note、search、status、tabpanel、presentation、noneを指定可。

視覚系ブラウザのデフォルトとして期待されるCSS

  section {
    display: block;
    unicode-bidi: isolate;
  }
  

意味・用法

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

私見・補足

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

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

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

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

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