嵌套HTML-anchor标签

Question

今天我正在为网页制作标签导航。 我试过滑动门的方法很好。 然后我意识到我必须包含一个删除选项卡的选项（通常是每个选项卡右上角的一个小X）。

我想使用嵌套的锚，但由于不允许，因此无效 。 然后我看到了Pageflakes的标签导航，它实际上正在工作（包括嵌套的超链接）。 为什么？

Answer 1

嵌套链接是非法的

Answer 2

他们必须使用JavaScript做一些非常疯狂的事情才能使它工作（请注意父类和嵌套锚标签都没有名称或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>

Answer 3

实际上，我之前粘贴的代码是在所有JS操作之后生成的DOM。 如果你没有Firefox的Firebug扩展，你应该立即获得它。

编辑：删除旧帖子，它不再有用。 萤火虫是，所以这个留下来:)

Answer 4

尽管嵌套标签是非法的，但使用JS编写它们会起作用！，试试这个：

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

Answer 5

我怀疑，如果您的浏览器以严格模式（例如XHTML DTD，application / xml + html MIMEtype）或“quirks”模式呈现页面，工作或不工作嵌套链接可能取决于。