新版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
相关产品推荐
相关产品推荐

