锚点链接怎么做

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

锚点链接怎么做

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

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

以上就是锚点链接怎么做的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:深入剖析webstorage--html5的本地数据处理
下一篇:聊聊如何使用MemFire Cloud构建Angular应用程序

发表评论

关闭广告
关闭广告