2023年8月1日发(作者：)

什么是锚点？锚点应该如何⽤？对于⽹页制作初学者来说锚点应当是个很新鲜的词，但是在我们浏览⽹页的时候确实经常可以见到的。现在就给⼤家介绍⼀下锚点以及如何使⽤锚点吧⼀、锚点的⽤法锚点的⽤法有两种，但性质同样，都是通过链接标签以及其href属性实现的：⼀种是：页内跳转；⼀种是：跳到其他页⾯的某个区域。下⾯我们看具体的操作。我做了⼀个⽰例，代码如下：

1）现在我们来看页内跳转的锚点⽤法：我给每个每个div添加了ID号，然后将每个链接标签的href属性分别按顺序与每个div的ID相对应。【注意：href属性后的ID号必须有“#”，否则⽆效。】在浏览器预览下，点击第四个，就跳到下⾯的第四个div了2）现在我们来看页外跳转的锚点⽤法：加⼊我在⼀个名为“⽰例”的⽂件夹中见了两个HTML⽂档第⼀个名为第⼆个名为⾥⾯的代码都⼀样，跟我贴出的“锚点的⽤法”这⼀步骤中的第⼆个步骤所贴出的图⽚⼀样。现在我把当中第⼀个a标签把其中的href="#1"，更改为href=“/#1”并保存之后，我们再在浏览器打开，这时候会发现，页⾯会跳转到中的ID=1的div所在的区域。没错这就是页外的锚点跳转。所以当我们需要跳转到其他页⾯的某个区域时，只要把href的属性值设置“跳转页⾯的URL+所想跳转到区域的ID（或者说锚点名称）”即可。

这⾥我需要说明，我的⽰例均使⽤的ID锚点，给div添加ID的时候就为该div设置了锚点。早前的html版本规范是⽀持name属性的，即个元素添加name属性，⽐如name="anchor1"，然后通过a标签来实现锚点跳转。这种⽅法我不建议使⽤。因为在最新版本的规范中或者说是严格的版本中通过name属性来实现锚点的跳转这种⽅式已经不被⽀持了。所以推荐使⽤ID属性。

2023年8月1日发(作者：)

什么是锚点？锚点应该如何⽤？对于⽹页制作初学者来说锚点应当是个很新鲜的词，但是在我们浏览⽹页的时候确实经常可以见到的。现在就给⼤家介绍⼀下锚点以及如何使⽤锚点吧⼀、锚点的⽤法锚点的⽤法有两种，但性质同样，都是通过链接标签以及其href属性实现的：⼀种是：页内跳转；⼀种是：跳到其他页⾯的某个区域。下⾯我们看具体的操作。我做了⼀个⽰例，代码如下：

1）现在我们来看页内跳转的锚点⽤法：我给每个每个div添加了ID号，然后将每个链接标签的href属性分别按顺序与每个div的ID相对应。【注意：href属性后的ID号必须有“#”，否则⽆效。】在浏览器预览下，点击第四个，就跳到下⾯的第四个div了2）现在我们来看页外跳转的锚点⽤法：加⼊我在⼀个名为“⽰例”的⽂件夹中见了两个HTML⽂档第⼀个名为第⼆个名为⾥⾯的代码都⼀样，跟我贴出的“锚点的⽤法”这⼀步骤中的第⼆个步骤所贴出的图⽚⼀样。现在我把当中第⼀个a标签把其中的href="#1"，更改为href=“/#1”并保存之后，我们再在浏览器打开，这时候会发现，页⾯会跳转到中的ID=1的div所在的区域。没错这就是页外的锚点跳转。所以当我们需要跳转到其他页⾯的某个区域时，只要把href的属性值设置“跳转页⾯的URL+所想跳转到区域的ID（或者说锚点名称）”即可。

这⾥我需要说明，我的⽰例均使⽤的ID锚点，给div添加ID的时候就为该div设置了锚点。早前的html版本规范是⽀持name属性的，即个元素添加name属性，⽐如name="anchor1"，然后通过a标签来实现锚点跳转。这种⽅法我不建议使⽤。因为在最新版本的规范中或者说是严格的版本中通过name属性来实现锚点的跳转这种⽅式已经不被⽀持了。所以推荐使⽤ID属性。