曲径通幽论坛

 找回密码
 立即注册
搜索
查看: 3122|回复: 0
打印 上一主题 下一主题

[HTML] 添加锚点使定位更容易

[复制链接]

4918

主题

5880

帖子

3万

积分

GROAD

曲径通幽,安觅芳踪。

Rank: 6Rank: 6

积分
34395
跳转到指定楼层
楼主
发表于 2015-12-17 01:32:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
如果你写的帖子很长,而且还分了章节,假如有第 1 章,第 2 章,第 3 章。一般这时候,你希望读者很方便的点击某个链接就能直达到某个章节处,而不是拖动浏览器滚动条进行查找,那么可以使用添加锚点的方法来做。
什么是锚点? 锚点就是在你想直达的内容处设置的一个标记,如下图所示:






那么在 html 里怎么做呢?

使用 name 来定义锚点:
<a name=first /><h1>第 1 章</h1>
... ...

<a name=second /><h1>第 2 章</h1>
... ...

<a name=third /><h1>第 3 章</h1>

添加锚点直达链接(锚点名前要有个 # 号):
<a href="#first">第 1 章</a>
<a href="#second">第 2 章</a>
<a href="#third">第 3 章</a>

上面所示的锚点直达链接只是在当前页面中的直达,实际上也可以从另外一个页面中直接跳转过来,比如锚点所在页为 2.html ,而我们现在要从 1.html 里跳到 2.html 里头的第 2 章内容处,那么只要在 1.html 里添加代码:
<a href="2.html#second>第 2 章</a>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|曲径通幽 ( 琼ICP备11001422号-1|公安备案:46900502000207 )

GMT+8, 2025-5-4 13:46 , Processed in 0.133534 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表