You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

新版Google Sites中添加锚点/ID标签的实现方案问询

解决新版Google Sites的锚点跳转问题

我最近在用新版Google Sites搭建网站,发现这平台砍掉了不少90年代就有的基础HTML功能——其中锚点跳转对我来说真的是刚需,但查官方FAQ发现新版居然不支持,连个便捷添加锚点的按钮都没有!

没办法,只能自己琢磨着绕限制,试了用自定义HTML的方式居然成了,步骤其实很简单:

  • 第一步:设置锚点位置
    在页面你需要跳转到的目标区域,插入「自定义HTML」模块,然后写入这段代码:

    <div id="your-anchor-id"></div>
    

    记得把your-anchor-id改成有意义的标识,比如about-section、pricing-block这种,别用空格或者特殊字符。

  • 第二步:添加跳转链接
    在页面顶部(或者任何需要触发跳转的地方),同样插入「自定义HTML」模块,写入跳转链接代码:

    <a href="#your-anchor-id">点击跳转到目标区域</a>
    

    这里的#your-anchor-id必须和第一步里的id完全一致,大小写也不能错!

最后提醒个小细节:编辑模式下可能看不到跳转效果,一定要保存后预览或者发布网站才能测试;另外同一个页面里的锚点id要唯一,不然会跳错位置哦。

内容的提问来源于stack exchange,提问作者James

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.19 08:54:35