html頁面中a標(biāo)簽href屬性可以不寫嗎?
發(fā)表時(shí)間:2024-01-02 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]我使用一組a標(biāo)簽做tab切換,給a標(biāo)簽加上href="#"的話點(diǎn)擊a標(biāo)簽總是會(huì)跳到頂部,加javascript:void(0)的話感覺有的時(shí)候點(diǎn)擊的反應(yīng)速度變慢,偶爾會(huì)卡,請(qǐng)教下各位如果a標(biāo)簽不加href會(huì)有什么影響,不符語義化或者對(duì)優(yōu)化什么的有啥影響嗎?其實(shí) href=&qu...
我使用一組a標(biāo)簽做tab切換,給a標(biāo)簽加上href="#"的話點(diǎn)擊a標(biāo)簽總是會(huì)跳到頂部,加javascript:void(0)的話感覺有的時(shí)候點(diǎn)擊的反應(yīng)速度變慢,偶爾會(huì)卡,請(qǐng)教下各位如果a標(biāo)簽不加href會(huì)有什么影響,不符語義化或者對(duì)優(yōu)化什么的有啥影響嗎?
其實(shí) href="#" 的話可以通過 preventDefault() 方法阻止默認(rèn)的鏈接跳轉(zhuǎn)行為
如果用 jQuery, 則可以
$("#myLink").click(function () { // Your event handlers here
return false;
});
一個(gè) a 沒有 href 也沒有 tabindex 就不會(huì)被 tab 到HTML 4 認(rèn)為沒有 href (但是有 name) 的 a 是命名錨點(diǎn)HTML 5 認(rèn)為沒有 href 的 a 是鏈接占位符(反正對(duì)瀏覽器來說行為都是一樣的
javascript:void(0)會(huì)卡真的只是你的感覺吧。如果這么糾結(jié)href,為何一定要用a標(biāo)簽?zāi)?/p>
當(dāng)然可以不加,不加的話就不是超鏈接了,會(huì)丟失超鏈接的一些特有性質(zhì),比如css樣式
a標(biāo)簽的href其實(shí)可寫可不寫,如果你想讓他不跳轉(zhuǎn),方法有如下:
1.href="javascript:viod(0)";或者h(yuǎn)ref="javascript:;"
2.在其點(diǎn)擊事件設(shè)置,如
a.onclick = function(){ return false;
}
3.歸根結(jié)底的本質(zhì):為什么點(diǎn)擊之后會(huì)跳轉(zhuǎn),因?yàn)檫@是a標(biāo)簽的默認(rèn)行為,可以通過阻止他的默認(rèn)行為來實(shí)現(xiàn)。
a.onclick = function(e){
e.preventDefault ? e.preventDefault() : e.returnValue = false;
}
a標(biāo)簽如果不加href屬性的話,僅僅不能夠?qū)Ш,在網(wǎng)站的設(shè)計(jì)的時(shí)候,很多情況下會(huì)用a標(biāo)簽做一些其它的事情,比如按鈕,就看你自己喜歡怎么使用了。
可以不加,但有些瀏覽器鼠標(biāo)樣式就沒有手勢(shì)了,然后IE6下好像還有個(gè)什么問題來著,忘了·加個(gè)href="javascript:void(0);"吧
可以不加。只不過不加href,就不能跳轉(zhuǎn)頁面了,而且也沒有手勢(shì)
a不加標(biāo)簽的話就類似于span的作用...然后不能跳轉(zhuǎn)等等。你要防止跳到頂部,可以采用javascript事件傳遞。在a屬性里面為click添加事件比如<a href="#" click="a(event)"> 然后在script里面寫function a(event){ event.preventDefault(); }就好了
點(diǎn)擊a標(biāo)簽為了防止跳到頂部,或者加javascript:void(0)為了防止感覺卡,可以這樣寫 href="###" 。
以上就是html頁面中a標(biāo)簽href屬性可以不寫嗎?的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。