——

当页面内篇幅较长,并且有明确的分级时,我们可以通过锚文本设置页面内跳转,从而实现快速导航。

那么怎么添加锚文本和实现跳转呢?

案例一

实现从“评论”跳转到“发送评论”。点击看效果:

评论

使用语法是:

  1. 在需要跳转到的位置添加定位锚文本,<a id=”title” name=”title”>锚文本</a>,注意“title”值相同并且保持唯一性,区别于其他的title;
  2. 给需要实现跳转的锚文本添加a超链接标签,<a href=”#title”>锚文本</a>。

步骤如下:

  1. 将文末“发送评论”设置为目标锚文本,代码为:<a id=”reply” name=”reply”> 发送评论</a>
  2. 在“评论”二字上添加链接锚文本“#reply”,代码为:<a href=”#title”>评论</a> 。

案例二

反之,由下跳转到上。实现从“返回”跳转到“——”。 点击看效果:

返回

步骤如下:

  1. 将文章开头处的“——”设置为目标锚文本,代码为: <a id=”back” name=”back”> ——</a>
  2. 在文末的“返回”二字上添加链接锚文本,代码为:<a href=”#back”>返回</a> 。

如此可实现页面内快速跳转和导航,对于内容多,层次丰富的单个页面来说非常实用。

发送评论