HTML5のタグの使い方

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

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

例:

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

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

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

html nav タグの構文と構造

1. 基本的な構文

content

content

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

Content

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のタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。