HTML5のnavタグ
- 24-07-2022
- Trung Minh
- 0 Comments
この記事では、HTML5でnavタグを使用する方法を学習します。これは、ナビゲーションリンクの場所(通常はメニューまたはサイドバーのカテゴリリスト)を宣言するために使用されるタグです。
すべてのナビゲーションリンクがnavタグに配置されているわけではないことに注意してください。 navタグは、ページメニューなどのメインナビゲーションブロックをラップするためにのみ使用する必要があります。
1. HTMLのnavタグとは何ですか?
HTMLでは、navタグは、Webページのメインナビゲーションとリンク関連の場所をラップするために使用されます。通常はメインメニュー、サブメニュー、サイドバーのカテゴリリストになります…
Navはナビゲーションの頭字語であり、その構文は次のとおりです。
<nav>...</nav>
2.HTMLでnavタグを使用する方法
上で述べたように、Webサイトのメインナビゲーションリンクにはnavタグのみを使用する必要があります。
以前は、メニューを作成するときに、 ulタグとタグを次のように使用することがよくありました。
<div id="menu"> <ul> <li><a href="#">Home</a></li> ... </ul> </div>
ただし、navタグを使用する場合は、構造を次のように変更します。
nav> <ul> <li><a href="#">Home</a></li> ... </ul> </nav>
また、特別なことは何もありません。外側のdiv
タグをnav
タグに変更するだけです。
たとえば、navタグを使用して、ページのナビゲーションメニューをグループ化します。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <main> <h2>Khóa học có tại web888.vn</h2> <div> <nav> <a href="#">HTML</a> | <a href="#">CSS</a> | <a href="#">JavaScript</a> | <a href="#">jQuery</a> </nav> </div> </main> </body> </html>
これで、HTMLでnavタグを使用する方法に関するチュートリアルが終了しました。このカードもシンプルなので、レッスンの例はあまりありませんので、ご理解いただければ幸いです。