什么是锚点？锚点应该如何用？

对于网页制做初学者来讲锚点应当是个很新鲜的词，可是在咱们浏览网页的时候确实常常能够见到的。如今就给你们介绍一下锚点以及如何使用锚点吧

1、锚点的用法

锚点的用法有两种，但性质一样，都是经过连接标签<a></a>以及其href属性实现的：

一种是：页内跳转；

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

下面咱们看具体的操做。我作了一个示例，代码以下：

 

1）如今咱们来看页内跳转的锚点用法：

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

在浏览器预览下，点击第四个，就跳到下面的第四个div了

2）如今咱们来看页外跳转的锚点用法：

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

第一个名为index.html

第二个名为index2.html

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

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

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

因此当咱们须要跳转到其余页面的某个区域时，只要把href的属性值设置“跳转页面的URL+所想跳转到区域的ID（或者说锚点名称）”便可。

 

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

早前的html版本规范是支持name属性的，即个元素添加name属性，好比name="anchor1"，而后经过a标签来实现锚点跳转。这种方法我不建议使用。由于在最新版本的规范中或者说是严格的版本中经过name属性来实现锚点的跳转这种方式已经不被支持了。

因此推荐使用ID属性。