セクション

メモ：

セクションはドキュメントの最上位レベルのグループメカニズムで、一連のデフォルトコンテンツおよびブロックのコンテナと考えることができます。 ドキュメント構造について詳しくは こちらを参照してください。

セクションは「水平ルール」または – によって区切られ、ページの特定の要素をグループ化します。 コンテンツをグループ化する理由として、セマンティックとデザインの両方が考えられます。単純なケースとしては、ページのセクションの背景色が異なる場合があります。

技術的には、セクションは、セクションに含まれるすべてのブロックとデフォルトコンテンツの周りに配信されるマークアップに <div> ラッパーを導入するだけです。

例：

ライブ出力を参照

コンテンツ構造：

ドキュメントのコンテンツを参照

コード：

ほとんどの場合、汎用セクションには、プロジェクト固有のボックスレイアウト（例： margins、padding、max-width）のほか、場合によってはセクションメタデータで拡張して、スタイル設定（多くの場合、背景色や画像）を制御します。

「コードのスタイル設定」の節を参照