読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強 | 求職者支援訓練Webサイト制作科 フェリカテクニカルアカデミー

未経験者からプロになるハロートレーニングWebデザインの勉強

header要素とfooter要素

主要なナビゲーションに使う

  • ヘッダー・フッターに使用する
  • section要素やarticle要素に入れることもできる
  • アウトラインに影響を与えない


《header要素とfooter要素を使ったマークアップ

<header>
<section>
	<h1>セクションの見出し</h1>
	<p>テーマのキーワードを含むリード文</p>
</section>
<nav>
  <ul>
    <li><a href="#">メニュー1</a></li>
    <li><a href="#">メニュー2</a></li>
    <li><a href="#">メニュー3</a></li>
    <li><a href="#">メニュー4</a></li>
    <li><a href="#">メニュー5</a></li>
  </ul>
</nav>
</header>
<footer>
<p>(c)2015 WebDesign</p>
</footer>