锚点链接怎么做-百分百源码网

锚点链接怎么做

发布时间：09/01 来源：未知浏览：关键词：

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

锚点链接

办法一：使用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!”。

以上就是锚点链接如何做的具体内容，更多请关注百分百源码网其它相关文章！

打赏