English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <nav> タグ

HTMLの<Nav>タグはHTML5ナビゲーションリンクを持つHTMLドキュメントの部分を定義する要素です。このタグは通常<Nav>要素とも呼ばれます。

オンラインサンプル

ナビゲーションリンクの例:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 navタグの使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<nav>
  <ul>
    <li><a href="/section1/index.html">セクション1</a></li>
    <li><a href="/section2/index.html">セクション2</a></li>
    <li><a href="/section3/index.html">セクション3</a></li>
  </ul>
</nav>
</body>
</html>
テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在の多くのブラウザが <nav> タグをサポートしています。

タグの定義及び使用説明

<nav> タグはナビゲーションリンクの部分を定義します。

<nav> マークアップはHTMLドキュメント内でナビゲーションを作成するために使用されます。

すべてのHTMLドキュメントが <nav> 要素を使用する必要はありません。<nav> 要素はナビゲーションリンクのエリアを示すためにのみ使用されます。

の前にあるブラウザでは、異なるデバイス(スマートフォンまたはPC)上でナビゲーションリンクの表示を設定し、異なるスクリーンの要件に対応することができます。

IE 9のIEブラウザに対して、HTML5shiv、これは新しいHTML5要素をサポートしています。例:<header>、<main>、<article>、<section>、<aside>、<nav>、<footer>など。

HTML 4.01 と HTML5の違い

<nav> は HTML5 の新しいタグです。

グローバル属性

<nav> タグはグローバル属性をサポートしており、完全な属性表を確認してください HTMLグローバル属性

イベント属性をサポートしています

<nav> タグはすべての HTMLイベント属性