トップページ > HTML5 > <header>

★HTML5タグリファレンス

<header> …… ヘッダであることを示す
Firefox4

このページでは、HTML5のheader要素を解説しています。

header要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

https://www.htmq.com/htmls/header.shtml

<header>タグは、イントロダクションやナビゲーショングループであることを示す際に使用します。文書のヘッダ情報を表す<head>タグとは異なりますので注意してください。

<header>の中には、通常は<h1>・<h2>・<h3>・<h4>・<h5>・<h6>など、セクションの見出しが含まれることが想定されていますが、必ず必要というわけではありません。他にも、セクションの目次や検索フォーム、あるいは、関連ロゴをまとめるために<header>タグを使用することができます。

■HTML4.01からHTML5へのバージョンアップによる変更点

header要素は、HTML5から新たに追加された要素です。

■使用例

HTMLソース

<body>

<header>
<h1>浦島観光ホテル</h1>
<nav>
<ul>
<li><a href="plan.html">宿泊プラン</a></li>
<li><a href="price.html">料金案内</a></li>
<li><a href="reserve.html">宿泊予約</a></li>
<li><a href="access.html">交通アクセス</a></li>
</ul>
</nav>
<h2>お知らせ</h2>
<p>期間限定のお得な宿泊プランをご用意しています。</p>
</header>

<p>ようこそ、浦島観光ホテルへ。当ホテルは…</p>

</body>

↓↓↓

ブラウザ上の表示

浦島観光ホテル

お知らせ

期間限定のお得な宿泊プランをご用意しています。

ようこそ、浦島観光ホテルへ。当ホテルは…

★HTML5タグリファレンス

■HTML4.01からHTML5へのバージョンアップによる変更点

■使用例

HTMLソース

ブラウザ上の表示

Sponsors