HTML 内のネストされたリンク: 許可されるかどうか?
リンクのネスト: 許可されていますか?禁止されていますか?
Web 開発では、よくある質問が生じます: リンクを別のリンク内にネストすることは許可されますか?
W3C HTML4スタンス
W3C HTML4 ガイドラインによれば、リンクの入れ子は禁止されています。 A 要素には他の A 要素を含めることはできません。
HTML5 の観点
HTML5 では、ルールが若干進化しています。リンクのネストは依然として許可されていませんが、アンカー タグ (A 要素) を含むインタラクティブ コンテンツを A 要素内に配置することはできないという新しい制約があります。
ベスト プラクティス
これらの制限にもかかわらず、特定のレイアウトでは、複数のクリック可能な領域を含むクリック可能な領域が必要になる場合があります。
代替アプローチ
- CSS の使用: クリック可能な領域を親要素に割り当て、CSS を使用して適切なリンクのスタイルを設定する動作。
- JavaScript の使用:イベント ハンドラーを使用してクリックをキャプチャし、ターゲット要素に基づいて意図されたアクションを決定します。
例
指定されたコード スニペットを考えてみましょう:
1 2 3 4 5 |
|
灰色のバー全体をクリック可能にするには、クリック イベント ハンドラーを親 に割り当てます。要素を指定し、次のように jQuery を使用します:
1 2 3 4 5 6 7 8 9 |
|
以上がHTML 内のネストされたリンク: 許可されるかどうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

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

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











新しいプロジェクトの開始時に、SASSコンピレーションは瞬く間に起こります。これは、特にbrowsersyncとペアになっている場合は素晴らしい気分です。

今週のプラットフォームニュースのラウンドアップで、Chromeは、Web開発者のロード、アクセシビリティ仕様、およびBBCの動きのための新しい属性を導入します

これは私が初めてHTML要素を見ていることです。私はしばらくの間それを知っていましたが、まだスピンしていませんでした。かなりクールです

Goofontsは、開発者妻とデザイナーの夫によって署名されたサイドプロジェクトであり、どちらもタイポグラフィの大ファンです。 Googleにタグを付けています

この2部構成のシリーズの最初の部分では、2つの親指スライダーを取得する方法を詳しく説明しました。今、私たちは' llが一般的なマルチサンプスのケースを見ていますが、別のものと

しばらくの間、iTunesはポッドキャストの大きな犬だったので、「ポッドキャストにサブスクライブ」をリンクした場合:
