body タグ以下のページ内容構成エレメント
body タグ以下のページ内容構成エレメント <header>、<nav>、<main>、<aside>、<footer> タグについての解説です。
これらのタグは web ページとして表示される内容において、ヘッダー、ナビメニュー、コンテンツ、フッターを作成するためのタグエレメントです。
<header>、<nav>、<main>、<aside>、<footer> は以下のようなカテゴリ分けに使用します。
- <header>
- ページのヘッダー
- <nav>
- サイト内をたどるためのリンク。サイト内インデックスのようなもの
- <main>
- ページのメインになる内容
- <aside>
- メイン以外の内容。サイト内操作のためのリンクや広告など
- <footer>
- ページのフッター
これらのタグエレメントは、商用利用するサイトを制作するには憶えておいたほうがよいでしょう。
Example
例えば、お店の LP (ランディングページ)を作ってみましょう。
<header>、<nav>、<main>、<aside>、<footer> を以下のように<body> タグ内で編集します。
ここでは、まだスタイルシート( CSS )を利用していませんので、内容が羅列しているだけです。HTML テキストのみではこのようにテキストの内容が上から下に並ぶだけです。
この HTML テキストにスタイルシート( CSS )を適用することでデザイン性を加えることができます。スタイルシート( CSS )によるページデザインはページデザイン
を参照してください。