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

★HTML5タグリファレンス

<header> …… ヘッダであることを示すHTML5から追加
Firefox4 Google Chrome5Google Chrome6 Safari5

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

<header>の中には、通常は<h1>–<h6><hgroup>など、セクションの見出しが含まれることが想定されていますが、必ず必要というわけではありません。 他にも、セクションの目次や検索フォーム、あるいは、関連ロゴをまとめるために<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  > <header>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ