HTML
ナビゲーションバー

基本ナビゲーションバー

ナビゲーションバーは本質的にリンクのリストなので、ulとli要素はナビゲーションリンクを囲むために使用されます。

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Contact</a></li>
</ul>

HTML5ナビゲーションバー

HTML5のnav要素を使用してナビゲーションバーを作成するには、navタグ内のリンクを囲みます。

<nav>
  <a href="#">Home</a> 
  <a href="#">About</a> 
  <a href="#">Contact</a> 
</nav>