锚点的用法

锚点的用法

一、锚点的用法

锚点的用法有两种，但性质同样，都是通过链接标签以及其href属性实现的：

一种是：页内跳转；

一种是：跳到其他页面的某个区域。

下面我们看具体的用法。

1）内跳转的锚点用法：

给每个div添加了ID号，然后将每个链接标签的href属性分别按顺序与每个div的ID相对应。【注意：href属性后的ID号必须有“#”，否则无效。】

1 2 3 33 34 35

36 第一个37 第二个38 第三个39 第四个40 第五个41

运行界面如下：

当按下第一个时，会页面跳转到“1”处。

2）页外跳转的锚点用法：

加入我在一个名为“示例”的文件夹中见了两个HTML文档

第一个名为ancesor.html

第二个名为ancesor1.html

里面的代码都一样，跟我贴出的“锚点的用法”这一步骤中的第二个步骤所贴出的图片一样。

现在我把index.html当中第一个a标签把其中的href="#1"，更改为href=“ancesor1.html#1”并保存之后，我们再在浏览器打开，这时候会发现，页面会跳转到ancesor1.html中的ID=1的div所在的区域。

1 2 3 33 34 35

36 第一个37 第二个38 第三个39 第四个40 第五个41

没错这就是页外的锚点跳转。

所以当我们需要跳转到其他页面的某个区域时，只要把href的属性值设置“跳转页面的URL+所想跳转到区域的ID（或者说锚点名称）”即可。

这里需要说明，本示例均使用的ID锚点，给div添加ID的时候就为该div设置了锚点。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。