如何用<a>标签同时跳转至其他页面及页面指定锚点位置
跨页面锚点跳转的正确实现方法
你的两种写法都存在问题,所以无法直接跳转到指定部分:
- 第一种写法里,
href属性值的引号未闭合(正确格式应为"page_a.html#a",你遗漏了结尾的引号),而且你需要跳转的锚点是#three,但代码里写的是#a,和目标元素的id不匹配 - 第二种写法重复定义了
href属性,HTML规则中同一个标签不能有重复属性,浏览器只会识别第一个href的值,锚点部分完全没生效
正确的写法是把页面路径和锚点用#直接拼接,同时确保锚点和目标页面中元素的id完全一致。
举个实际例子:
如果页面A(page_a.html)的第三部分代码是这样的:
<section id="three"> <!-- 这里是第三部分的内容 --> </section>
那页面B里的超链接应该写成:
<a href="page_a.html#three">PAGE A</a>
额外注意几点:
- 锚点区分大小写,比如
#Three和#three会被识别为两个不同的锚点,必须和目标元素的id完全匹配 - 一个
<a>标签只能有一个href属性,不要重复定义 - 确保
href的引号正确闭合,语法错误会导致链接功能异常
内容的提问来源于stack exchange,提问作者MaziniiX_
相关产品推荐
相关产品推荐

