锚点链接怎么做

互联网 18-12-27

网页内容过多时我们可以使用锚点链接来进行位置的跳转，通过锚点链接我们不但可以指向文档，还能指向页面里的特定段落，这样就会便于我们来浏览网页中的内容，那么，锚点链接怎么实现呢？本篇文章就来给大家介绍锚点链接的实现方法。

方法一：使用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!”，效果如下

方法二：使用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!”。

以上就是锚点链接怎么做的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签：锚点链接