前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML内的锚点链接

HTML内的锚点链接

作者头像
HHTjim 部落格
发布2022-09-26 11:51:12
2.2K0
发布2022-09-26 11:51:12
举报
文章被收录于专栏:HHTjim'S 部落格

HTML内的锚点链接

作者:matrix 被围观: 5,207 次 发布时间:2013-03-14 分类:兼容并蓄 | 无评论 »

这是一个创建于 3458 天前的主题,其中的信息可能已经有所发展或是发生改变。

HTML内的锚点链接也就是锚记

定义 锚点 可以使用id属性,也可以使用name属性

使用id属性定义

id属性相较于name来说使用范围更大更简单,所以推荐使用id属性。

代码语言:javascript
复制
<h2 id="title-anchor">标题一</h2>

使用name属性定义

name属性来定义就必须使用a标签来埋下锚点。

代码语言:javascript
复制
<a name="title-anchor">标题一</a>

如何才可以访问呢? 设置a标签链接

代码语言:javascript
复制
<a href="#title-anchor">锚</a>

注意设置访问锚点标记的a标签位置,以#字符标记。

https://www.cnblogs.com/qiujianmei/p/7111600.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML内的锚点链接
    • 使用id属性定义
      • 使用name属性定义
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档