さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【HTML5】header要素について

Pocket
LINEで送る

HTML5におけるheader要素の使用例を紹介します。

header要素はページのヘッダ構造をマークアップするのに使用します。多くのサイトではbody要素の次に配置される場合が多くページタイトル、サブタイトル、ロゴ、検索窓等を含む使われ方をします。

【header要素の使用例】

<header>
  <img src="img/logo.jpg">
  <hgroup>
    <h1>ページタイトル</h1>
    <h2>サブタイトル</h2>
  </hgroup>
  <nav>
    <li>ホーム</li>
    <li>カテゴリー</li>
    <li>コンテンツ</li>
  </nav>
</header>

header要素内には、h1~h6要素、hgroup要素、nav要素等を含むことができます。

カテゴリー:HP制作, HTML5

コメントを残す

コメント内容