HTML アンカータグのネスト

https://stackoverflow.com/questions/20926

09-06-2019
|

質問

今日、私はウェブページのタブナビゲーションに取り組んでいました。試してみました引き戸うまく機能したアプローチ。その後、タブを削除するオプション (通常は各タブの右隅にある小さな X) を含める必要があることに気付きました。

ネストされたアンカーを使用したかったのですが、機能しませんでした。ない許可された。それから私はタブナビゲーションを見ましたページフレーク, 、実際に機能していました（ネストされたハイパーリンクを含む）。なぜ？

解決

JavaScript を機能させるために、JavaScript で非常におかしなことをしているに違いありません (親タグにもネストされたアンカータグにも name 属性や href 属性がないことに注目してください。すべての機能はクラス名と JS を通じて実行されます)。

HTML は次のようになります。

<a class="page_tab page_tab">
  <div class="page_title" title="Click to rename this page.">Click & Type Page Name</div>
  <a class="delete_page" title="Click to delete this page" style="display: block;">X</a>
</a>

他のヒント

ネストされたリンクは不正です

実際、以前に貼り付けたコードは、JS 操作を行った後に生成された DOM でした。お持ちでない場合は、ファイアバグ Firefox 用の拡張機能です。今すぐ入手してください。

編集：古い投稿は役に立たなくなったので削除しました。Firebug なので、これは残ります:)

ネストされたリンクが機能するかどうかは、ブラウザが厳密モードでページをレンダリングするかどうかに依存するのではないかと思います（例:XHTML DTD、application/xml+html MIMEtype)、または「quirks」モードで。

ネストされたタグは違法ですが、JS を使用してタグを記述することはできます。次のことを試してください。

$('<a>', {
     href: 'http://google.com',
     html: '<a>i am nested anchor  </a>I am top Anchor'
 }).appendTo($('body'))

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow

HTML アンカー タグのネスト

HTML アンカータグのネスト