页面锚点链接 href="#top" 和 name="top" 有什么区别?

来源:2-10 超级链接(2)

嬵埖醣

2022-06-22 22:16:51

页面锚点链接 href="#top" 和 name="top" 有什么区别?



写回答

1回答

imooc_慕慕

2022-06-23

同学你好,a链接中单独使用 href=”#top”,点击时就会到当前页面的顶部,这是html5里面的特性;

使用name属性只能针对a标签来定位,而对其他标签就不能起到定位作用;


点击链接跳转的链接:(#+“name的值”)


举个例子,两个红框中的名字是对应的,这样才会跳转到相应的位置;参考如下:


https://img.mukewang.com/climg/62b3bf65095ba90105490139.jpg

点击页面底部的a链接跳转;

https://img.mukewang.com/climg/62b3bf8a0930171c02960111.jpg


此时,定位到与name相同的位置;


https://img.mukewang.com/climg/62b3bfca097681b502980123.jpg


href="#top",那么点击时就会到当前页面中name="top"的这个锚点,实现当前页面的所谓跳转。


祝学习愉快~

0

0 学习 · 17877 问题

查看课程