html中a标签锚点定位双击跳转路径的问题
锚点
在制作网页时,我们常常遇到需要添加侧边导航,通过点击导航让页面自动滚动到指定位置,如:电商网站的楼层。这就涉及到<a>
标签的锚点应用,把它称为“锚点标签”。
通俗的讲,我们想要让页面跳转到的位置,就是锚点。锚点是一种超链接,只不过它是页面内部的超链接,它指向页面特定的部分。
###问题###
但是如果加上base标签锚点定位就会跳转路径
<base href="/jmkqWx/" target="_self">
###解决方法
加上οnclick="return false;"阻止页面跳转
<a href="#tab2" onclick="return false;" class="weui-tabbar__item"></a>
###base标签的作用是什么###
base标签是HTML语言中的基准网址标记,它是一个单标签,位于网页头部文件的head标签内,一个页面最多只能使用一个base元素,用来提供一个指定的默认目标,也算是一种表达路径和连接网址的标记。
常见的url路径形式分别有相对路径与绝对路径,如果base标签指定了目标,浏览器将通过这个目标来解析当前文档中的所有相对路径,包括的标签有(a、img、link、form),也就是说,浏览器解析时会在路径前加上base给的目标,而页面中的相对路径也都转换成了绝对路径。使用了base标签就应带上href属性和target属性。
- base href
比如由base制定了一个URL地址,接下来你所要调用的文件或图片等就无须再填写完整的地址,只需写上该文件名或图片名即可。通过下方一张图片来简单的认识一下base标签的用法,链接到HTML标签的博客,完整地址为:http://blog.sina.com.cn/htmlcss3
base标签指定了新浪博客做为基准url,那么当前文档内的所有超链接将遵循这一规则,我们在链接中设置相对的访问目标,浏览器便会自动解析出一个完整的链接地址进行访问,倘若a链接的目标为空,浏览器也会根据base所给的url进行访问。值得注意的是,base标签需放在包含url地址的语句前面。
- base target
target属性是网页窗口的打开方式,在base标签中设置该属性,那么页面中所有的链接都将遵循这个方式来打开网页,分别有如下几种选择:
1、 _blank:在新窗口打开链接页面。
2、 _parent:在上一级窗口中打开链接。
3、 _self: 在当前窗口打开链接,此为默认值,可以省略。
4、 _top: 在浏览器的整个窗口打开链接,忽略任何框架。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)