8.4　书签链接

8.4　书签链接

书签链接即锚点链接。在浏览网页的时候，如果内容比较多会导致页面过长，需要不断地拖拉滚动条才能看清所有内容，很不方便。这时可以在该网页上建立书签目录，单击目录上的项目就能自动跳到网页相应的位置。这就像在看书的时候夹入书签，能很快地找到阅读的位置。

实现书签链接的步骤如下。

（1）创建链接的书签。语法为：

书签名称可以是数字或英文，也可以是中文。同一个网页中可以有多个书签，但是不能有相同名称的两个书签。

来看一个实例，网页代码中创建了链接的书签：

注意代码中加粗的部分，它创建了4个书签，并分别命名。

（2）创建书签后，再设定需要的链接。语法格式为：

在“＃”符号的后面输入页面中创建的书签名称，就可以链接到页面的不同位置了。

将代码补充完整：

代码中加粗的部分是定义的链接，能够跳转到已创建的书签名称上，运行结果如图8-9所示。

图8-9　同一页面的书签链接

书签链接不但可以在同一页面实现链接，也可以在不同页面中设置。基本语法如下：

在这个链接中，书签名称前加上另一个页面文件所在的位置。

为上一个实例的网页另外设置一个单独的链接页面，使其链接到该网页定义的书签位置。代码如下：

运行结果如图8-10所示。

图8-10　不同页面的书签链接

单击其中用列表显示出来的某个链接，如“世界博览会的历史与由来”，就可以链接到书签所在的位置，即“8-4-1.html”。