前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html锚点id属性和name属性

html锚点id属性和name属性

作者头像
Dabenshi
发布2024-04-03 09:07:03
1690
发布2024-04-03 09:07:03
举报
文章被收录于专栏:Dabenshi

刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过?。最近对模板更新时用到了这一点,举例说一下

代码语言:javascript
复制
// a.html
<a href="#one">点击跳转到第一个锚点</a>
<a href="b.html#two">点击跳转到第二个锚点</a>
代码语言:javascript
复制
// a.html
<div id="one">第一个锚点</div>
代码语言:javascript
复制
// b.html
<a name="two">第二个锚点</a>

如上所示,实现描点效果,需具备两个要素:

  • 需要有一个锚点,这个锚点就是我们要跳转到的位置。一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a标签上)
  • 需要一个触发锚点跳转的a标签。a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。
  • 同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-06-21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
标签
标签(Tag)是腾讯云推出的云资源管理工具,您可从不同维度对具有相同特征的云资源进行分类、搜索和聚合,从而轻松管理云上资源。 标签是由标签键和标签值共同组成,您可以为云资源创建和绑定标签
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档