种豆资源网

当前位置:首页 > 百科 > 百科综合 / 正文

锚点

(2020-02-27 14:34:45) 百科综合
锚点

锚点

是网页製作中超级连结的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级连结,运用相当普遍。

英文名:anchor

使用命名锚记可以在文档中设定标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的连结,这些连结可快速将访问者带到指定位置。

创建到命名锚记的连结的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的连结。

基本介绍

  • 中文名:锚点
  • 外文名:anchor
  • 时间:网页製作中
  • 属性:超级连结的一种
  • 又叫:命名锚记
  • 目的:可以在文档中设定标记

创建锚点

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

标 签

搜索
随机推荐

Powered By 种豆资源网||