Google Sites跨页面锚点链接无法定位指定位置的解决方法求助

核心问题分析 #

你的跳转失效主要有两个原因：

1. 链接的哈希值（#My_New_Reality）和目标元素的id（1-my-divine-mission/My_New_Reality）完全不匹配，浏览器找不到对应元素只能跳转到页面顶部。
2. 目标元素的id违反HTML规范：id不能以数字开头，也不能包含斜杠这类特殊字符，浏览器可能无法正确识别这个id。

具体修正步骤 #

1. 修改目标元素的id
   把目标页面的<p>标签id改成合法且唯一的值，比如：

   <p id="MyNewReality">My New Reality</p>
   

   注意：id只能包含字母、数字、下划线、连字符，且不能以数字开头。

2. 修正跳转链接的哈希值
   确保链接的#后面的内容和目标id完全一致，修改后的链接代码：

   <a href="https://www.whatever.com/1-my-divine-mission#MyNewReality">My New Reality</a>
   

3. Google Sites特殊处理
   如果还是失效，可能是Google Sites的动态渲染机制导致锚点无法被识别，可以尝试：

   • 在目标元素所在位置添加Google Sites原生的“书签”（插入 > 书签），然后直接用Google Sites生成的书签链接，不需要自定义HTML。
   • 确保目标页面完全加载后再测试跳转，避免动态内容未加载导致锚点不存在。

内容的提问来源于stack exchange，提问作者R. Lambert