什么是锚点?锚点应该如何⽤?
对于⽹页制作初学者来说锚点应当是个很新鲜的词,但是在我们浏览⽹页的时候确实经常可以见到的。现在就给⼤家介绍⼀下锚点以及如何使⽤锚点吧
⼀、锚点的⽤法
锚点的⽤法有两种,但性质同样,都是通过链接标签<a></a>以及其href属性实现的:
⼀种是:页内跳转;
⼀种是:跳到其他页⾯的某个区域。
下⾯我们看具体的操作。我做了⼀个⽰例,代码如下:
1)现在我们来看页内跳转的锚点⽤法:
href标签怎么用我给每个每个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属性。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论