有谁知道为什么我的网站导航链接不起作用？

Question

我整理了一个表格样式的导航栏，在每个导航栏中，我都放置了带有指向网站其余部分链接的标签。

这是代码：

<li class="">
                            <a href="#section-shape-3">
                                <svg viewBox="0 0 80 60" preserveAspectRatio="none"><use xlink:href="#tabshape"></use></svg>
                                <svg viewBox="0 0 80 60" preserveAspectRatio="none"><use xlink:href="#tabshape"></use></svg>
                                <span><a href="login.html">Login</a></span>
                            </a>
                        </li>

如果没有链接到login.html页面的标签，菜单的外观就可以像对待相应的.css和.js文件一样正常工作。 当我添加标记以与login.html页面建立连接时，选项卡的外观会扭曲并破坏外观，并且在单击时也不会执行任何操作，因此不会链接到login.html页面。

有谁知道为什么会这样吗？

Answer 1

您正在使用已打开的超链接中的超链接。 不要忘记在打开第二个链接之前先关闭第一个链接：）

我相信您要显示两个链接的方式如下所示：

 <li class=""> <a href="#section-shape-3"> <svg viewBox="0 0 80 60" preserveAspectRatio="none"> <use xlink:href="#tabshape"></use> </svg> <svg viewBox="0 0 80 60" preserveAspectRatio="none"> <use xlink:href="#tabshape"></use> </svg> </a> <span> <a href="login.html">Login</a> </span> </li> 

希望这可以帮助！ :)