200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html语言如何设计锚点 网页html中锚点(描点)定位或书签跳转的实现方法 |

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

时间:2018-11-18 15:37:17

相关推荐

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

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

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

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

第一、同一页面跳转

例如:

跳转一 跳转二

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

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

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

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

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

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

第二、不同页面跳转

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

例如:

yemian_1.html的内容 跳转

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

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

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

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

知识点1:

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

知识点2:

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

知识点3:

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。