問題與URL中的錨點

Question

在我的網址錨點不工作。我認爲問題在於第一個標籤正在破壞第二個標籤。下面是一個例子鏈接：

www.mywebsite.com/de/topic.html?#tab=tab1#anchor

Tab是對我想有直接鏈接tabcomponent。對於每個選項卡，我都有自己的值（本例中爲tab1）。它只能通過哈希標籤進行選擇，所以我的錨點不起作用。不幸的是，沒有辦法編輯Tabcomponent。

是否有機會替換第一個標籤？或者其他解決方案？

Answer 1

RFC 3986在3.5中定義了任何統一資源標識符（URI）可以具有不超過一個片段標識符。第一個數字符號後面的所有字符（#）被認爲是錨點的一部分。

片段標識符（在非正式語音中有時稱爲「錨點」，在DOM中可訪問爲location.hash）表示文檔的片段（實際錨點：在現代網站中，具有相應id屬性的元素或歷史上的a元素與相應的名稱屬性）。

瀏覽器通常會解析片段標識符並跳轉到匹配的片段。

在標籤中顯示內容的網站必須解析片段標識符並更改標籤內容的可見性或顯示屬性，以便在用戶訪問標識標籤的URL時顯示正確的內容。當用戶點擊另一個選項卡時，它必須更新可見性並更改URL。

如果您想使用複雜的哈希導航，您將不得不擴展現有的腳本邏輯。