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

ハロトレWebデザインの勉強03月14日開講クラス授業補足ブログ

header要素とfooter要素

ページ内の必須項目

  • ヘッダー・フッターに使用する
  • section要素やarticle要素に入れることもできる


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

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
</head>

<body>
<header>
  <h1>セクションの見出し</h1>
  <p>テーマのキーワードを含むリード文</p>
<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><small>(c)2015 WebDesign</small></p>
</footer>
</body>
</html>