ネストされたリンクは HTML4 と HTML5 で許可されますか?

ネストされたリンク: 許容される慣行?

ネストされたリンク (あるリンクが別のリンクの中に配置される) は、その合法性と適切性について疑問を引き起こしています。実装。このトピックを詳しく調べて問題に対処しましょう。

W3C HTML4 の観点:

W3C HTML4 仕様によれば、リンクのネストは禁止されています。具体的には、リンクとアンカーを定義する A 要素に他の A 要素を含めることはできません。さらに、DTD では LINK 要素が空として宣言されているため、LINK 要素をネストすることも許可されません。

HTML5 の解釈:

HTML5 は、ネストされたリンク。インタラクティブ コンテンツをネストすることはできますが、インタラクティブ コンテンツをアンカー タグ内に配置することは禁止されます。アンカー タグはインタラクティブなコンテンツとみなされるため、HTML5 ではネスト リンク (アンカー タグ) が無効であることを意味します。

実際の実装:

特定のケースでは、ここで設定や移動のための追加リンクを含むクリック可能なグレーのバーを作成したい場合、次のコードは HTML4 または HTML5 に準拠していません。標準:

<a href="#" class="sp_mngt_bar">
    <h1><?php echo $v; ?></h1>
    <a href="#" class="t_icons t_icons_settings sp_mngt_settings"></a>
    <a href="#" class="t_icons t_icons_move sp_mngt_move"></a>
</a>

推奨アプローチ:

標準を遵守しながら目的の機能を実現するには、JavaScript を使用してグレーのクリック イベントを処理することをお勧めします。バー。このアプローチにより、ネスト ルールに違反することなく複数のリンクを追加できます。

以上がネストされたリンクは HTML4 と HTML5 で許可されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。