曲径通幽论坛

标题: 添加锚点使定位更容易 [打印本页]

作者: beyes 时间: 2015-12-17 01:32
标题: 添加锚点使定位更容易
如果你写的帖子很长，而且还分了章节，假如有第 1 章，第 2 章，第 3 章。一般这时候，你希望读者很方便的点击某个链接就能直达到某个章节处，而不是拖动浏览器滚动条进行查找，那么可以使用添加锚点的方法来做。
什么是锚点？锚点就是在你想直达的内容处设置的一个标记，如下图所示：

[attach]4229[/attach]

那么在 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>

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)