首頁  >  文章  >  web前端  >  html頁面中a標籤href屬性可以不寫嗎?

html頁面中a標籤href屬性可以不寫嗎?

黄舟
黄舟原創
2017-07-27 13:38:084184瀏覽

我用一組a標籤做tab切換,給a標籤加上href="#"的話點擊a標籤總是會跳到頂部,加javascript:void(0)的話感覺有的時候點擊的反應速度變慢,偶爾會卡,請教下各位如果a標籤不加href會有什麼影響,不符語意化或對優化什麼的有啥影響嗎?

其實 href="#" 的話可以透過 preventDefault() 方法阻止預設的連結跳躍行為
如果用jQuery, 則可以

$("#myLink").click(function () {    // Your event handlers here
    return false;
});

一個 a 沒有 href 也沒有 tabindex 就不會被tab 到HTML 4 認為沒有 href (但是有 name) 的 a 是命名錨點HTML 5 認為沒有 href 的 a 是連結佔位符(反正對瀏覽器來說行為都是一樣的

#javascript:void(0)會卡真的只是你的感覺吧。遺失超連結的一些特有性質,例如css樣式

a標籤的href其實可寫可不寫,如果你想讓他不跳轉,方法有如下:

1.href="javascript: viod(0)";或href="javascript:;"

2.在其點擊事件設置,如

a.onclick = function(){    return false;
}

3.歸根結底的本質:為什麼點擊之後會跳轉,因為這是a標籤的預設行為,可以透過阻止他的預設行為來實現。做一些其它的事情,例如按鈕,就看你自己喜歡怎麼使用了。 ,忘了·加個href="javascript:void(0);"吧

可以不加。 #a不加標籤的話就類似於span的作用...然後不能跳轉等等。 #" click="a(event)"> 然後在script裡面寫function a(event){ event.preventDefault(); }就好了

點擊a標籤為了防止跳到頂部,或者加javascript:void(0)為了防止感覺卡,可以這樣寫href="

" 。

以上是html頁面中a標籤href屬性可以不寫嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn