相关疑难解决方法(0)

我了解到嵌套锚标签不符合标准的HTML.

从W3:

由A元素定义的链接和锚点不得嵌套; A元素不得包含任何其他A元素.

由于DTD将LINK元素定义为空,因此LINK元素也可以不嵌套.

看起来像在这个问题的选定答案中建议的那些替代品将比仅仅嵌套锚点更有可能产生意想不到的行为!

使用onclick事件处理程序只是为了重定向JS中的页面似乎有点过分.更不用说使用脚本解决方案会导致用户在禁用脚本时浏览时出现问题.

编辑

有趣的是,我工作的一个小提琴来证明,我已经忽略了镀铬实际上重组DOM这样:

<div id="container">

    <a href="http://yahoo.com"></a>
    <div class="parent">
        <a href="http://yahoo.com">Parent Element</a>
        <a href="http://google.com">
            <div class="child">Child Element</div>
        </a>
        <a href="http://bing.com">
            <div class="child">Other Child</div>
        </a>
    </div>

</div>

我忽略了这一点,因为我看到悬停工作并将鼠标放在文本上.现在知道这一点并不一定会改变我的问题,但它确实证明它甚至不像我想象的那样工作.

我有一个可点击的面板,其中有一个工具提示.代码如下:

<a href="/venues/manage/">
 <div class="col-md-4">
    <div class="panel panel-default">
     <img src="/img/venue.svg">
     <h5 class="text-vert crop"><b>Venue Title</b><a href="#" data-toggle="tooltip" title="Verified Venue">Verified</a></h5>
    </div>
 </div>
</a>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();
});
</script>

当我将鼠标悬停在工具提示文本上时,它可以正常工作.关于工具提示的东西与主链接混淆<a href="/venues/manage/">.单击图像时,链接正常.当我单击文本时Venue Title它工作正常.但是,如果我点击其中的任何其他位置<div class="col-md-4">(例如文本右侧),则链接不起作用.

是否有可能<a>在另一个工具提示中<a>？