html navタグの機能と使い方を詳しく解説

HTML5 の新しい要素タグ

は、navigation プロパティを含むリンクを分割するために使用され、セマンティクス の観点からコード構造がより正確になり、スクリーン リーダーなどのデバイスのサポートも向上します。
私たちは長い間、HTML5 でページ ナビゲーションを記述するために

または

の形式のコードを使用することに慣れてきました。ナビゲーション リストは
タグに配置されます:

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>

W3C 定義仕様によると:


nav 要素は、他のページへのナビゲーション要素のリンクとして使用できます。現在のページのその他の部分。すべてのリンク グループを

要素に含める必要はありません。たとえば、この場合、サービス利用規約、ホームページ、著作権表示などのリンク グループが含まれます。

要素を必要とせずに、

要素を使用するのが最も適切です。
ページ全体またはさまざまな部分のナビゲーションとして複数の

を含めることができます。以下は W3C によって指定されたコード例です。ページ上のグローバル ナビゲーションとしてのみ使用できますが、

タグ内に配置して、単一の記事のコンテンツに関連するナビゲーションとして現在のページ上の他の場所にリンクすることもできます。

以上がhtml navタグの機能と使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：

html 使用 詳しい説明

ソース：php.cn

前の記事：HTML5 の進行状況とメーターのコントロール 次の記事：html: nav タグは実際には何をするのですか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• 独自の PHP フレームワークをゼロから構築するためのビデオ資料
  2023-03-15 16:54:01
• PHPMailer が QQ メールボックスを使用して電子メール送信機能を完了する方法の分析例
  2023-03-15 12:26:02
• PHPでIMAPでメールを受信する方法の紹介
  2023-03-14 18:58:01
• PHP で配列の重複排除を迅速に実装する方法の例
  2023-03-14 11:30:01
• HTML での タグのすべての属性の使用の概要
  1970-01-01 08:00:00
• PHPの基礎知識まとめ（初心者が始めるのに必要）
  2023-03-16 15:20:01
• JavaScript での typeof の使用の概要
  1970-01-01 08:00:00
• JavaScript でのconfirm() メソッドの使用の概要
  1970-01-01 08:00:00
• HTML5 プレースホルダー属性の詳細な紹介
  1970-01-01 08:00:00
• ReactJS のフォームに単一選択、複数選択、逆選択を実装する方法
  1970-01-01 08:00:00

最新の問題

PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...

から 2024-04-16 09:34:16

0

0

4687

ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...

から 2024-04-06 21:58:04

0

1

800

CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...

から 2024-04-06 20:22:15

0

1

454

livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...

から 2024-04-06 20:02:10

0

2

543

文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...

から 2024-04-06 17:40:41

0

2

410

関連トピック

詳細>

• html著作権記号
• HTMLオンラインエディター
• HTMLウェブページ制作
• HTMLスペース
• htmlとは何ですか
• HTMLのフォントサイズを設定する方法
• htmlからテキストへ
• HTMLテキストボックスのコードの書き方