超链接的其他用法

1.返回顶部(空链接)

可以直接将超链接的href属性设置为“#”,这样点击超链接以后页面不会发生跳转,而是转到当前页面的顶部位置。在开发中如果没有确定具体的跳转地址时,可以将“#”作为超链接的路径的占位符使用。

<a href="#">回到顶部</a>

2.直达底部(锚点链接)

id属性(唯一不重复):

  • 每个标签都可以添加一个id属性
  • id属性就是元素的唯一标识,同一个页面中不能出现重复的id属性
  • id属性区分大小写,且一般为字母

通过使用id属性跳转到目标位置,具体语法格式为:

<a href="#id名">链接文本</a>

 首先使用“<a href="#id名">链接文本</a>”创建链接文本,其中href=“#id名”用于指定链接目标的id名称。然后使用相应的id名称标注跳转目标的位置。例如:

<a href="#bottom">直达底部</a>
<p id="bottom">这是底部</p>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值