当前位置：文江博客话题详情

嵌套 HTML- 锚标记

发布于 2024-07-04 09:51:44 字数 397 浏览 7 评论 0原文

今天我正在研究网页的选项卡导航。我尝试了滑动门方法，效果很好。然后我意识到我必须包含一个删除选项卡的选项（通常是每个选项卡右上角的小 X）。

我想使用嵌套锚点，但它不起作用，因为它是不允许。然后我在 Pageflakes 上看到了选项卡导航，它实际上正在工作（包括嵌套超链接）。为什么？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

躲猫猫 2024-07-11 09:51:45

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

回复收藏 0 原文

他不在意 2024-07-11 09:51:45

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

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

In spite of nested tags are illegal but writing them using JS will work!, try this:

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

回复收藏 0 原文

厌倦 2024-07-11 09:51:45

他们必须用 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>

They must be doing some really crazy stuff with JavaScript to get it to work (notice how neither the parent nor the nested anchor tags have a name or href attribute - all functionality is done through the class name and JS).

Here is what the html looks like:

<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>

回复收藏 0 原文