学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / HTML5(目的別) / <header>

HTML5  <header>

<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>
↓↓↓
ブラウザ上の表示
リンク先のページで表示を見ることができます
HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ