微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

锚点链接怎么做

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

锚点链接

方法一:使用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!”。

原文地址:https://www.jb51.cc/html/1207685.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐