创建锚点
1、在“文档”窗口的“设计”视图中,将
插入点放在需要命名锚记的地方,执行下列操作之一:
* 选择“插入”>“命名锚记”。
* 按下 Control+Alt+A。
* 在“插入”栏的“常用”类别中,单击“命名锚记”按钮。
出现“命名锚记”对话框。
2、在“锚记名称”文本框中,键入锚记的名称,并单击“确定”。锚记标记在插入点处出现。
注意:如果看不到锚记标记,可选择“查看”>“可视化助理”>“不可见元素”。
3、这时外面可以看到的锚点代码为:<a name="锚点名"></a> 如:<a name="top"></a>
链接到锚点
在“文档”窗口的“设计”视图中,选择要从其创建链接的文本或图像。在属性面板的“链接”文本框中,键入一个数字符号 (#) 和锚记名称。例如:
*若要链接到当前文档中的名为“top”的锚记,请键入 #top。如:<a href="#top">点击我连接到TOP</a>
*若要链接到同一文件夹内其它文档中的名为“top”的锚记,请键入 filename.html#top。
示例代码
在HTML页面中适当位置定义如下的锚点:
<a id="top">这里是TOP部分</a>
<a id="content">这里是CONTENT部分</a>
<a id="foot">这里是FOOT部分</a>
(您可以使用 id 属性来替代 name 属性,命名锚同样有效。)
对于如上锚点的访问有两种方法
一种是利用超链接标签<a></a>制作锚点链接,主要用于页面内的锚点访问
<a href="#top">点击我链接到TOP</a>
<a href="#content">点击我链接到CONTENT</a>
<a href="#foot">点击我链接到FOOT</a>
另一种方式是直接在页面地址后面加锚点标记,主要用于不同页面之间的锚点访问
假如本页面的地址是http://文件路径/index.html,要访问foot锚点只要访问如下链接即可
http://文件路径/index.html#foot