HTML5の<nav>タグの使い方-htmlチュートリアル-php.cn

HTML5の

php中世界最好的语言

リリース： 2017-11-22 17:27:18

オリジナル

8553 人が閲覧しました

今回は、誰もが nav をすぐに理解できるように、h5 フッタータグ、nav の基本的な構文と構造、nav がどのようなタグで使用されるか、およびどのような状況で使用できるかについて説明します。

まず、navもhtml5の新しい要素タグです。同時に、他の新しいタグと同様に、nav は、HTML5 の以前のバージョンの従来の HTML レイアウトのナビゲーションバーに関連する一般名として使用されます。

例:

ウェブサイトナビゲーションコンテンツ

HTML5 では、以前は一般的に使用されていた名前付き nav が、新しいタグ要素として特別に使用されます。このタグはナビゲーションレイアウトでよく使用されます。

html nav タグの構文と構造

1. 基本的な構文

3. nav にクラスを追加します

4. nav タグはナビゲーションに関連しているため、通常は Web サイトのナビゲーションに使用されます。レイアウト。同時に、

タグは、div タグや spam タグを使用して id またはクラスを追加するのとまったく同じように使用できます。 div タグとの違いは、このタグは通常、ナビゲーション関連の場所でのみ使用されることです。 HTML Web ページナビゲーションバーのレイアウト、またはナビゲーションバーに関連するレイアウトで使用される場合があります。

5. nav はどのタグと一緒に使用する必要がありますか?

前の記事のチュートリアルで、一般的なナビゲーションバーは ul li タグレイアウトを使用し、nav タグは一般的なレイアウトで ul li タグと組み合わせて使用されることを紹介しました。。

小さなケースは次のとおりです:

従来の HTML レイアウト

<div id=”nav”> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</div>

ログイン後にコピー

2)、nav タグの後

<nav> 
<ul> 
<li>首页</li> 
<li>栏目名称</li> 
<li>联系我们</li> 
</ul> 
</nav>

ログイン後にコピー

上記の HTML レイアウトから HTML5 への変換は、HTML nav タグの使用を理解するのが実際には非常に簡単です。 ul liを使用したレイアウトナビゲーションバーのテクニック。

nav タグの使い方は以上です。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

HTMLで空白を使用する方法

HTML Webページのフォントサイズを設定する

HTML5のテキスト弾幕効果

以上がHTML5の

HTML5のタグの使い方

HTML5の
タグの使い方