プログラマーの良いウェブフロントエンド共有 HTML5 でのnav ラベルの研究ノート、名前が示すようにNAVのラベルは、ナビゲーションの略で、ナビゲーションの意味があります。「または他のページページ内の部品にリンクページAのsectionTopは:HTML5関連規格は、次のように定義されている
。AはsectionTopは、ナビゲーションリンクで」中国では、おそらく他のページへのリンクは、」ページを意味し、または現在のページのエリア:ナビゲーションリンクを含む領域」。ここでの機能のnavタグの明確な定義、ここで同様のヘッダと指定されていませんでしたが、それはまた、他の部分のサブページのナビゲーションすることができ、主要なナビゲーションでなければなりません。次のように:
1. <H3> gbin1.com記事一覧</ H3>
2. <ナビゲーション>
3. <UL>
4. <LI> <a href="#html5"> HTML5の記事はこちら</a>ます。</ li>説明します
5. <LI> <aのhref="#css3">のCSS3の記事はこちら</a>ます。</ li>を記述する
6. <LI> <a href="#jquery"> jQueryの資料に記載する</a>ます。</ li>
7. <UL>
8。</ NAV>
上記の例では、我々はここを参照してください記事のちょうどナビゲーション領域で、あなたも使用することができ、小さなページナビゲーション内で定義されたNAVを。しかし、ないページ上のすべてのリンクグループは、主にメインナビゲーションブロックページ構成で構成されているNAVタグ、内側に配置する必要があります。たとえば、私たちは通常、サービス等、サイトの説明、著作権表示、の用語を含む一連のリンク、サイトのフッターに入れ、その後、我々は通常、フッター、代わりにNAVを使用しています。
これは、複数のページ含むことができる全体としてまたはページナビゲーションの異なる部分に、NAVのタグを。次の例では、ウェブサイトは、メインナビゲーションであり、もう一つは、それ自体がナビゲーションリンクを支援し、現在のページで、2個のNAVのタグがあります。
1. <H1> 雨のウキクサ</ H1>
2. <ナビゲーション>
3. <UL>
4. <LI> <a href="/"> 首页する</a>ます。</ li>
5. <LI> <a href="#"> HTML + CSSする</a>ます。</ li>
6. ...もっと...
7. </ UL>
8。</ NAV>
9. <記事>
10. <ヘッダ>
11. <H1> HTML5 タグの構造セマンティックタグ</ H1>
12. <P> <span>を公表</ span>を2011年12月22日</ P >
13. </ヘッダ>
14. <ナビゲーション>
15. <UL>
16. <LI> <a href="#"> 子导航する</a>ます。</ li>
17. <LI> <a href="#"> 子导航</a>の</ LI>
18 ...もっと...
19. </ UL>
20. </ NAV>
21.の<div>
22. <セクションID = "パブリック">
23. <H1>セクションはまだ再利用することができ、H1 タグを</ H1>
24. <P> ...もっと... </ P>
25. </セクション>
26. <セクションID = "破壊">
27. <H1>セクションはまだ再利用することができ、H1 タグを</ H1>
28. <P> ...もっと... </ P>
29. </セクション>
30 ...もっと... </ div>
31. <フッタ>
32. <P> <a href="#"> 会社案内する</a> |
href="#"> 33. <a リンク</a>を|
34. <a href="#"> 各種</a>の</ P>
35. </フッタ>
36。</記事>
37. <フッタ>
38. <P> <小さな>©著作権2011 </小> </ P>
</フッタ>
NAVタグ自体が要件のリストが含まれていない、それはコンテンツの他の形態をも含むことができます。
1. <ナビゲーション>
2. <H1>ナビゲーション</ H1>
3. <P>あなたは私のホームページにあります。北の嘘へ
戦いの音そこから私のブログ</a>には、聞くことができるhref="/blog"> 4. <a。東には、あなたは大きな山を見ることができ、
5.その上に多くの
6. <aが散らばっている</a>の学校の論文をhref="/school">。これまでに山まであなたがに表示され、ほとんど姿をスパイすることができます
7.必死落書き、私のこと
8. <a href="/school/thesis">論文</a>を</ P>
9. <P>西には、いくつか終了しています。一つの楽しみに見えるの出口は標識されます
10. <aのhref="http://games.example.com/"> "ゲーム" </a>を。別のより退屈に見える出口がラベル付けされ
11. <a href="http://isp.example.net/"> ISP ™ </a>のます。</ p>
12. <P>南に暗く、じめじめとあります
13. <a href="/about">接点ページ</a>。クモの巣は、その廃入り口をカバーし、ある時点で、あなたはすぐに、ラットの実行を参照してください
ページのうち14ます。</ p>
15。</ NAV>