a 標籤的 href 屬性

<a href =" "></a>

<a href ="#"></a>

不知道大家在學習 html 的時候有沒有注意過以上兩種寫法他們之間的區別呢?

上面兩種寫法的“效果”是一樣的,看起來都是“譁”的一下跳轉到頁面頂部了,但其實。。

點擊 <a href =" "></a>

默認打開的還是當前頁面,會刷新一下重新打開,會回到頁面頂部。

點擊 <a href ="#"></a>

瀏覽器地址欄網址後面會多 1 個 # 。不會刷新頁面,但會回到頁面頂部。只是在頁面內部跳轉,並沒有重新加載頁面。(類似錨點)


總結:

相同之處:都會回到頁面頂部

不同之處:

<a href =" "></a> 會刷新頁面,然後頁面回到頂部
<a href ="#"></a> 只是在頁面內跳轉到頂部

ok完結,撒花 🌸✨🌼🌻🌺

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章