Rumah >hujung hadapan web >html tutorial >锚点链接怎么做
锚点链接怎么做
- 不言asal
- 2018-12-27 13:49:4537201semak imbas
网页内容过多时我们可以使用锚点链接来进行位置的跳转，通过锚点链接我们不但可以指向文档，还能指向页面里的特定段落，这样就会便于我们来浏览网页中的内容，那么，锚点链接怎么实现呢？本篇文章就来给大家介绍锚点链接的实现方法。
方法一：使用id来进行锚点定位
我们来看具体的示例
代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a id="string">hello,I'm here!</a> </body> </html>
运行效果如下
当点击“跳转”时会跳转到“hello,I'm here!”，效果如下
会跳转到当前页面的“hello,I'm here!”。
方法二：使用name属性来实现锚点链接
来看具体的示例
代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#string">跳转</a> <hr/> <br><br><br><br><br> <br><br><br><br>< <br><br><br> <br><br> <br><br> <br><br> <br> <br> <br> <a name="string">hello,I'm here!</a> </body> </html>
也是当鼠标点击“跳转”时，会跳转到当前页面的“hello,I'm here!”。
Atas ialah kandungan terperinci 锚点链接怎么做. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html中id属性和name属性的区别是什么Artikel seterusnya：如何使用bootstrap制作form表单