ywork2020.com

Title

ヘッダー領域を表す

目次 (INDEX)

header とは

ここで説明する header とは次の語句からなる HTML の要素です。
header
読み: ヘッダー
意味: 文書の上部に定型として表される領域

目次に戻る

header 要素の概要

この要素は、ページのヘッダーセクションを表します。

header 要素は body 要素の子要素として上部に配置します。 ヘッダーセクションは、ページの冒頭セクションを表し、大見出し要素などを配置する部分だと言えます。

このセクションには見出し要素の他に、 ページの概要、グローバルナビゲーション、作者の名前、ロゴ、ページ内リンク、記事タイトル、セクションの見出し、セクションの概要、検索フォームの要素を含むことができます。

この要素には、開始タグと終了タグが必要です。
<header> </header>

注意点:
header 要素と head 要素はスペルも似ていて勘違いすることもあるので注意が必要です。 両者は仕様が全く異なるので注意してください。

目次に戻る

サンプルコード

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8">
		<title> ページタイトル </title>
	</head>
	<body>
		<header>
			ヘッダー領域
		</header>
		<main>
			ページの主要コンテンツ
		</main>
		<footer>
			フッター領域
		</footer>
	</body>
</html>

目次に戻る

使用できる属性

目次に戻る