a 标签的 href 属性

<a href =" "></a>

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

不知道大家在学习 html 的时候有没有注意过以上两种写法他们之间的区别呢？

上面两种写法的“效果”是一样的，看起来都是“哗”的一下跳转到页面顶部了，但其实。。

点击 <a href =" "></a>

默认打开的还是当前页面，会刷新一下重新打开，会回到页面顶部。

---

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

浏览器地址栏网址后面会多 1 个 # 。不会刷新页面，但会回到页面顶部。只是在页面内部跳转，并没有重新加载页面。（类似锚点）

---

总结

相同之处：

都会回到页面顶部

不同之处：

<a href =" "></a> 会刷新页面，然后页面回到顶部
<a href ="#"></a> 只是在页面内跳转到顶部

ok完结，撒花 🌸✨🌼🌻🌺