ページ本文(BODYタグ)内に各領域を定義するタグを紹介します。HTML5で新規に追加されました。
ARTICLEタグ
ひとつの完結したコンテンツ。ブログ記事や掲示板の投稿などをグループ化します。
SECTIONタグ
汎用セクション。ひとまとまりのコンテンツ、節などをグループ化します。
NAVタグ
ナビゲーションをグループ化する。
ASIDEタグ
サブ領域をグループ化する。ページの本題とは関係がないものをグループ化する。
HEADERタグ
ヘッダ領域をグループ化する。
FOOTERタグ
フッタ領域をグループ化する。
ページ内の各領域を定義したサンプル
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<body> <header> サイト名など <nav>リンクなどのグローバルメニュー</nav> </header> <section> <article>1つの記事や投稿など</article> <article>1つの記事や投稿など</article> <article>1つの記事や投稿など</article> </section> <aside> 本題とは無関係なコンテンツ </aside> <footer> コピーライト(著作権情報)や運営者情報 </footer> </body> |