html语言如何设计锚点,网页html中锚点(描点)定位或书签跳转的实现方法 |

如果你在网页中想点击一个链接进入到这个网页同个页面的某个位置,或者是不同页面的某个位置,怎么办呢?

嘿嘿,这里就教大家一个方法,网页html中锚点(描点)定位或书签跳转的实现方法。

》》》》》》》》》》》》》》》》》》》》华丽的分割线《《《《《《《《《《《《《《《《《《《《

第一、同一页面跳转

例如:

跳转一 跳转二

我是占位的块
格子热带鱼》》》我是跳转一跳到的位置
格子热带鱼》》》我是跳转二跳到的位置

----------------------------------------------------------------------------------------------------------------------------

这里的连接就是而链接到的锚点(描点)位置就是与。相信聪明的读者应该看出来了,格式是很简单的,就是 链接是这个:href="#命名"而位置是name="#命名">

----------------------------------------------------------------------------------------------------------------------------

注意了,这个是在用一个页面中直接跳转到这个链接的锚点(描点)位置,如果你的浏览器不是直接跳转,而是新开窗口,那么就需要将:增加一个target="_self"则变为这样就可以了。

》》》》》》》》》》》》》》》》》》》》华丽的分割线《《《《《《《《《《《《《《《《《《《《

第二、不同页面跳转

现在有页面1与页面2。此时我想点击页面1中的一个链接,链接到页面2中一个锚点(描点)位置。那么我们就需要改一下我们的链接对象了。

例如:

yemian_1.html的内容 跳转

yemian_2.html的内容 跳转到的锚点(描点)位置

----------------------------------------------------------------------------------------------------------------------------

这里面的跳转位置和本页跳转的变化了,就是在#的前面加上你要去的那个页面的地址,在#后面同样也写上要去 锚点(描点)位置的名字,这样就能跳转了

》》》》》》》》》》》》》》》》》》》》华丽的分割线《《《《《《《《《《《《《《《《《《《《

知识点1:

添加锚点就是为了在我们更方便快捷地找到相应的位置,所以要确定在同一个页面打开才好所以有时候会用到target="_self"

知识点2:

只要你是想跳转到同一个位置,那么锚点名称必须要是一样

知识点3:

记得添加锚点时,起始位置和结束位置必须都要用到标记来写的,跳转是用href="#锚点名",跳转到的位置是name="锚点名";

》》》》》》》》》》》》》》》》》》》》华丽的结束线《《《《《《《《《《《《《《《《《《《《

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值