happy cat image

tomodevel

皆んなのウェブ入門, ともでぃべる

navタグ

navタグについて調べましょう。

navタグはnavigationの意味で、メニューを表示する時に使うタグです。

navタグの使い方

<nav>メニュー(リンクなど)情報</nav>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
    <nav>
        <ul>
        <li><a href="http://www.tomodevel.jp/HTML5/h-tag.php" target="_blank">h tag</a></li>
        <li><a href="http://www.tomodevel.jp/HTML5/p-tag.php" target="_blank">p tag</a></li>
        <li><a href="http://www.tomodevel.jp/HTML5/br-tag.php" target="_blank">br tag</a></li>
        </ul>
    </nav>
</body>
</html>

上のソースのようにnavタグの内にメニュー情報を入力します。
画面にはnavタグを使わんくても同じに見えますが、
構造的に見るとnavタグを使った方がメニューだとパソコンの方にはわかりやすいです。

講座に戻り