html頁面中a標籤href屬性可以不寫嗎?
我用一組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中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)