読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

Webデザイン、プログラミングの勉強ブログ。

【HTML5】セクショニング・コンテンツ【随時更新】

セクショニング・コンテンツとは

コンテンツの塊をグループ化する。
HTMLのアウトラインを作る。

アウトライン
輪郭、HTMLのツリー構造の骨組み。

h1~h6は自動でアウトラインを作る。
HTML4まではh1~h6だけでアウトラインを作っていたため、閉じタグがなかった。

HTML5の4つのセクショニング・コンテンツ

section
節や章のように見出しと概要を伴うセクションを表す。
article
その内容だけで自己完結できる、独立したセクションを表す。
aside
メインのコンテンツと関係が薄く、取り外しても問題のないセクションを表す。
nav
主なナビゲーションを表す。