锚点

来自站长百科
跳转至: 导航、​ 搜索

锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。 比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。

英文[ ]

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。


锚点的使用[ ]

锚点从代码上看,仍然是超级链接的一种应用。 <a name="A1" id="A1"></a>这样的一个无内容的<a>标签,便是一个锚点了,我们可以把它放在网页中<body>与</body>之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。 下面举一个例子: <body>
<a name="A0" id="A0"></a>
<a href="#A1">网页第一部分</a>
<a href="#A2">网页第二部分</a>
<div style="height:900px; background:#CCCCCC"></div>

<a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a>

<div style="height:900px; background:#999999"></div>

<a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a>

<div style="height:900px; background:#666666"></div>

</body>

另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name与id同时使用。


相关条目[ ]

参考来源[ ]