有誰知道為什么我的網站導航鏈接不起作用？

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> 

希望這可以幫助！ :)