什么是锚点链接？所谓锚点链接，是指同一页面中的不同位置链接。例如，一个很长的页面，在页面的最下方有一个“返回页首”的文字，单击链接后，可以跳转到这个页面最顶端，这就是一种最典型的锚点链接。通过点击命名锚点，能够快速重定向网页特定的位置（比如快速到页首、页尾或者网页中某篇文章处），便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。
如何创建锚点链接？
创建锚点链接的过程分两步。下面就来制作页面中的“返回顶部”链接。
第一步：创建命名锚记（快捷键CTRL+ALT+A）
若要创建命名锚记，请在Dreamweaver编辑视图中，将光标置于需要命名锚记的地方。选择“插入记录”工具栏，选择“命名锚记”选项。出现命名锚记对话框。
图1 创建命名锚记对话框
在“锚记名称”文本框中输入锚记的名称。一般锚记若在网页顶部，可输入top；锚记名不能含有空格，而且不应置于层内，如图1所示。
第二步： 链接到命名锚记
定义了锚记后，就可以链接到命名的锚记了。选择要从其创建链接的文本或图像，例如文本“返回顶部”。在属性面板“链接”文本框中输入“#锚记名称”,如：“#top”。如图2所示。
图2 链接到锚记
保存网页后按F12键预览该网页。当在浏览器中单击链接文本（返回顶部）时，网页转向命名锚记为“top”所在的行。
PS：若要链接到其他文档中的名为“top”的锚记，格式为：文件绝对路径+文件名#top。锚记名称区分大小写。
下面代码是用来演示锚点连接的效果的：
01.<html> 02.<head> 03.<title>锚点链接练习</title> 04.<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 05.</head> 06.<body bgcolor="#ffffff"> 07.<b>网站基础知识</b><a href="#bottom">返回页尾</a> <a name="top"> <br /> 08.为什么交换链接？<br /> 09. 链接交换，在英文中即为Linkexchange。交换链接，是互联网上宣传自己主页时常使用的一种方法。主要作用有以下两点: <br /> 10. ①通过和其他站点的交换链接,可以吸引更多的用户点击访问。<br /> 11. ②搜索引擎会根据交换链接的数量，以及交换链接网站质量等对一个网站做出综合评价，这也将是影响网站在搜索引擎排名的因数之一。<br /> 12. 交换链接在吸引更多用户访问的同时起到SEO(搜索引擎优化)的作用。<br /> 13. 如何进行网站链接交换？<br /> 14.<BR> 您可以一个一个去喜欢的网站，联系他们的站长，寻求交换友情链接。<br /> 15. 去论坛等站长聚积的地方，发布信息交换链接。<br /> 16. 【如何建立超级链接】<br /> 17. 在网页中，单击了某些图片、有下划线或有明示链接的文字就会跳转到相应的网页中去。<br /> 18. 1、在网页中选中要做超级链接的文字或者图片。<br /> 19. 2、在属性面板中单击黄色文件夹图标，在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。<br /> 20. 3、按F12预览网页。在浏览器里光标移到超级链接的地方就会变成手型。<br /> 21. 〖提示〗你也可以手工在链接输入框中输入地址。给图片加上超级链接的方法和文字完全相同。<br /> 22. 如果超级链接指向的不是一个网页文件。而是其他文件例如zip、exe文件等等，单击链接的时候就会下载文件。<br /> 23. 超级链接也可以直接指向地址而不是一个文件，那么单击链接直接跳转到相应的地址。<br /> 24. 【邮件地址的超级连接】<br /> 25. 在网页制作中，还经常看到这样的一些超级链接。单击了以后，会弹出邮件发送程序，联系人的地址也已经填写好了。这也是一种超级链接。制作方法是：在编辑状态下，先选定要链接的图片或文字（比如：天比高工作室！），再插入栏点 26. 或点插入菜单选“电子邮件链接”弹出如下对话框，填入E-Mail地址即可。<br /> 27. 提示：还可以选中图片或者文字，直接在属性面板链接框中填写“mailto：邮件地址”。<br /> 28. 如:mailto:phosphor@ <br /> 29. 创建完成后，保存页面，按F12预览网页效果。<br /> 30. 【制作图片上的超级链接】<br />注意，我们这里所说的图片上的超级链接是指在一张图片上实现多个局部区域指向不同的网页链接。比如一张中国地图的图片，单击了不同的省跳转到不同的网页。可点的区域就是热区。为了演示制作效果下面的中国地图我加了一些链接，你可以用鼠标测试。鼠标移动到省份的热区，会显示提示，如果有预先设置的网站，点击会进入对方的网站。<br /> 31.<a name="bottom"><a href="#top">返回顶部</a> 32.</body> 33.</html>
- 来源：恒信科技
- 版权声明：版权所有，转载时必须以链接形式注明作者和原始出处及本声明。
- 原创作者：phosphor
- 文章名：锚点链接,什么是锚点链接?如何使用锚点链接?
- 本文链接地址：http://www./web-zhizuo/2009/0511/Anchor.html
- 恒信科技服务理念：懂网络更懂诚信！！！
