我創建了我的在線投資組合,它是一個頁面,我在頂部菜單上使用了錨點標籤,在Chrome中完美工作,但在瀏覽器和Firefox中點擊技能選項卡時,我的工作中間有人知道爲什麼一些簡單的標籤可能無法在某些瀏覽器中正確加載?單頁網站錨點只能在Chrome中正常工作
Link to the website with the issue
我創建了我的在線投資組合,它是一個頁面,我在頂部菜單上使用了錨點標籤,在Chrome中完美工作,但在瀏覽器和Firefox中點擊技能選項卡時,我的工作中間有人知道爲什麼一些簡單的標籤可能無法在某些瀏覽器中正確加載?單頁網站錨點只能在Chrome中正常工作
Link to the website with the issue
看來你與與name
參數的<a>
元素的錨點。要製作主播,您需要一個id
。
實施例:
<div id="skill"/>
或與一些內容的div
:
<div id="skill">
...
</div>
其原因是,利用在<a>
屬性name
屬性是過時因爲html5。從MDN
文檔:
此屬性在錨頁內限定的目標位置所需的。名稱的值與id核心屬性的值相似,並且 應該是文檔特有的字母數字標識符。在HTML 4.01規範下,id和name都可以與
<a>
元素一起使用,只要它們具有相同的值。
我不確定這是回答,但共識似乎是你應該遵循@ Fralec的建議。有關更深入的解釋,請參閱http://stackoverflow.com/questions/484719/html-anchors-with-name-or-id – LinuxDisciple
更新我的答案。 – Fralec
[Anchor link landing at wrong position]可能重複(http://stackoverflow.com/questions/6826741/anchor-link-landing-in-wrong-position) – showdev