素材巴巴 > 程序开发 >

html中a标签锚点定位双击跳转路径的问题

程序开发 2023-09-15 21:30:20

锚点

在制作网页时,我们常常遇到需要添加侧边导航,通过点击导航让页面自动滚动到指定位置,如:电商网站的楼层。这就涉及到标签的锚点应用,把它称为“锚点标签”。

通俗的讲,我们想要让页面跳转到的位置,就是锚点。锚点是一种超链接,只不过它是页面内部的超链接,它指向页面特定的部分。

###问题###
但是如果加上base标签锚点定位就会跳转路径


 

###解决方法
加上οnclick="return false;"阻止页面跳转


 

###base标签的作用是什么###

base标签是HTML语言中的基准网址标记,它是一个单标签,位于网页头部文件的head标签内,一个页面最多只能使用一个base元素,用来提供一个指定的默认目标,也算是一种表达路径和连接网址的标记。

常见的url路径形式分别有相对路径与绝对路径,如果base标签指定了目标,浏览器将通过这个目标来解析当前文档中的所有相对路径,包括的标签有(a、img、link、form),也就是说,浏览器解析时会在路径前加上base给的目标,而页面中的相对路径也都转换成了绝对路径。使用了base标签就应带上href属性和target属性。

比如由base制定了一个URL地址,接下来你所要调用的文件或图片等就无须再填写完整的地址,只需写上该文件名或图片名即可。通过下方一张图片来简单的认识一下base标签的用法,链接到HTML标签的博客,完整地址为:http://blog.sina.com.cn/htmlcss3

base标签指定了新浪博客做为基准url,那么当前文档内的所有超链接将遵循这一规则,我们在链接中设置相对的访问目标,浏览器便会自动解析出一个完整的链接地址进行访问,倘若a链接的目标为空,浏览器也会根据base所给的url进行访问。值得注意的是,base标签需放在包含url地址的语句前面。

target属性是网页窗口的打开方式,在base标签中设置该属性,那么页面中所有的链接都将遵循这个方式来打开网页,分别有如下几种选择:

1、 _blank:在新窗口打开链接页面。

2、 _parent:在上一级窗口中打开链接。

3、 _self: 在当前窗口打开链接,此为默认值,可以省略。

4、 _top: 在浏览器的整个窗口打开链接,忽略任何框架。


标签:

上一篇: vue路由高亮的两种方式 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。