nav タグは通常、Web ページ上に navigation バーを作成するために使用され、ページの一部のセルフナビゲーションとして使用できます。ここでは、HTML5 の nav タグの学習メモを簡単に見ていきます。
nav タグ フルネーム ナビゲーション は、名前が示すように、ナビゲーションを意味します。 HTML5 の関連標準によると、その定義は次のとおりです: 「他のページまたはページ内の一部にリンクしているページのセクション:
ナビゲーション リンクのあるセクション」 中国語訳はおそらく「あるセクションの」を意味します。他のページまたはページ内の一部にリンクしているページ:ナビゲーション リンクのあるセクション。" 現在のページのページまたは領域: ナビゲーション リンクを含む領域。" nav タグの機能はここで非常に明確に定義されています。header と同様に、それがメイン ナビゲーションである必要があるか、ページの他の部分のサブ ナビゲーションであるかは指定されていません。以下のように:
XML/HTML Code复制内容到剪贴板 <h3 id="gbin-com文章列表">gbin1.com文章列表</h3> <nav> <ul> <li><a href="#html5">HTML5文章介绍</a></li> <li><a href="#css3">CSS3文章介绍</a></li> <li><a href="#jquery">jQuery文章介绍</a></li> <ul> </nav>
上記の例では、これは単なる記事ナビゲーションの領域であることがわかります。また、nav を使用して小さなページ内を定義することもできます。ナビゲーション。 ただし、ページ上のすべてのリンク グループを nav タグ内に配置する必要はありません。これは主にページのメイン ナビゲーション ブロックで構成されます。たとえば、通常、Web サイトのフッターには、利用規約、Web サイトの紹介、著作権声明などを含む一連のリンクが配置されます。このとき、通常はナビゲーションの代わりにフッターを使用します。
ページには、ページ全体またはさまざまな部分のナビゲーションとして機能する複数の nav タグを含めることができます。以下の例では、2 つの nav タグがあり、1 つは Web サイトのメイン ナビゲーションで、もう 1 つは現在のページ自体の補助リンク ナビゲーションです。
XML/HTML Code复制内容到剪贴板 <h1 id="雨打浮萍">雨打浮萍</h1> <nav> <ul> <li><a href="/">首页</a></li> <li><a href="#">html+css</a></li> ...more... </ul> </nav> <article> <header> <h1 id="html-语义化标签之结构标签">html5语义化标签之结构标签</h1> <p><span>发表于</span>2011-12-22</p> </header> <nav> <ul> <li><a href="#">子导航</a></li> <li><a href="#">子导航</a></li> ...more... </ul> </nav> <p> <section id="public"> <h1 id="section里面仍然可以再用h-标签">section里面仍然可以再用h1标签</h1> <p>...more...</p> </section> <section id="destroy"> <h1 id="section里面仍然可以再用h-标签">section里面仍然可以再用h1标签</h1> <p>...more...</p> </section> ...more... </p> <footer> <p><a href="#">关于我们</a> | <a href="#">友情链接</a> | <a href="#">杂七杂八</a></p> </footer> </article> <footer> <p><small>© copyright 2011 </small></p> </footer>
nav タグ自体にリストを含める必要はありません。他のコンテンツ形式を含めることもできます。
以上がHTML5のnavタグの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

H5は、マルチメディアサポート、オフラインストレージ、パフォーマンスの最適化により、Webユーザーエクスペリエンスを向上させます。 1)マルチメディアサポート:H5と要素は、開発を簡素化し、ユーザーエクスペリエンスを向上させます。 2)オフラインストレージ:WebStorageとIndexEdDBは、エクスペリエンスを改善するためにオフラインで使用できるようにします。 3)パフォーマンスの最適化:ウェブワーカーと要素は、パフォーマンスを最適化して帯域幅の消費を削減します。

HTML5コードは、タグ、要素、属性で構成されています。1。タグはコンテンツタイプを定義し、などの角度ブラケットに囲まれています。 2。要素は、startタグ、内容、および内容などのエンドタグで構成されています。 3。属性は、開始タグのキー値のペアを定義し、ような関数を強化します。これらは、Web構造を構築するための基本ユニットです。

HTML5は、最新のWebページを構築するための重要なテクノロジーであり、多くの新しい要素と機能を提供します。 1。HTML5は、Webページの構造とSEOを強化するなどのセマンティック要素を導入します。 2。プラグインなしのマルチメディア要素と埋め込みメディアをサポートします。 3.フォームは、新しい入力タイプと検証プロパティを強化し、検証プロセスを簡素化します。 4.オフラインおよびローカルストレージ機能を提供して、Webページのパフォーマンスとユーザーエクスペリエンスを向上させます。

H5コードのベストプラクティスには以下が含まれます。1。正しいDoctype宣言と文字エンコーディングを使用します。 2。セマンティックタグを使用します。 3。HTTPリクエストを削減します。 4.非同期負荷を使用します。 5。画像を最適化します。これらのプラクティスは、Webページの効率、保守性、ユーザーエクスペリエンスを向上させることができます。

Web標準とテクノロジーは、これまでにHTML4、CSS2、および単純なJavaScriptから進化し、重要な開発を受けてきました。 1)HTML5は、CanvasやWebstorageなどのAPIを導入し、Webアプリケーションの複雑さと互換性を高めます。 2)CSS3はアニメーション関数とトランジション関数を追加して、ページをより効果的にします。 3)JavaScriptは、矢印関数やクラスなど、node.jsおよびES6の最新の構文を通じて開発効率とコードの読みやすさを向上させます。これらの変更により、パフォーマンスの最適化とWebアプリケーションのベストプラクティスの開発が促進されました。

H5はHTML5の略語だけでなく、より広い最新のWeb開発テクノロジーエコシステムを表しています。1。H5にはHTML5、CSS3、JavaScript、および関連するAPIおよびテクノロジーが含まれます。 2.より豊かでインタラクティブでスムーズなユーザーエクスペリエンスを提供し、複数のデバイスでシームレスに実行できます。 3. H5テクノロジースタックを使用して、レスポンシブWebページと複雑なインタラクティブ機能を作成できます。

H5とHTML5は、同じこと、つまりHTML5を参照します。 HTML5はHTMLの5番目のバージョンであり、セマンティックタグ、マルチメディアサポート、キャンバスとグラフィックス、オフラインストレージ、ローカルストレージなどの新しい機能をもたらし、Webページの表現力と互換性を向上させます。

H5ReferStoHtml5、apivotaltechnologyinwebdevelopment.1)html5introduceSnewelementsandapisforrich、dynamicwebapplications.2)Itupp ortsmultimediawithoutplugins、endancingurexperiencecrossdevices.3)semanticelementsimprovecontentstructurendseo.4)H5'srespo


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
