锚点链接


前言

直到今天为止,学习前端已经十多天的时间,目前的进度是已经将HTML和CSS基本熟悉,了解了HTML5和CSS3的部分语法,移动端刚刚起头。基本是紧贴着网络课程的进度。
在十多天前初次接触博客,但苦于没有时间钻研,不懂得如何写博客,所以没有写下去。在今天,我担心以前学过的知识淡忘,又想起了博客这个交流平台,想对所学的知识做一个总结,巩固记忆。
个人写博客是为了记录自觉是比较难记忆的知识。


一、锚点链接

锚点链接是通过对<a>指定到达的 id 标签 来实现跳转到当前页面中的 id 位置

二、使用步骤

代码如下(示例):

<a href="#jingli">早年经历</a><br />
<a href="#yanyi">演艺经历</a><br />
<a href="#live">个人生活</a><br />
<a href="#zuoping">主要作品</a><br />
<a href="#huodong">社会活动</a><br />
<a href="#huojiang">获奖经历</a><br />
<a href="#pingjia">人物评价</a><br />

如上图代码在点击了早年经历 链接后可以跳转到以下的 h2 标签处

<h2 id="jingli">早年经历</h2>

总结

锚点标签一般用于网页的侧栏,或者网页中常见的“返回顶部”按钮。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值