在AMP中,锚元素是不被允许的,因为它们可能会导致页面跳转和加载延迟。这是为了确保AMP页面始终具有快速加载速度和优化的用户体验。但是,如果您需要在AMP页面中使用锚元素,您可以使用AMP的amp-script组件来实现。
下面是一个示例代码,演示了如何在AMP页面中使用amp-script组件来创建一个具有锚链接的按钮:
AMP with Anchor Element
然后,您可以在amp-script.js文件中使用JavaScript来处理锚链接的跳转逻辑:
const button = document.querySelector('button');
button.addEventListener('click', function() {
const section = document.querySelector('#section');
if (section) {
window.scrollTo(0, section.offsetTop);
}
});
在这个示例中,当按钮被点击时,JavaScript代码将查找具有ID为section的元素,并使用window.scrollTo()方法将页面滚动到该元素的位置。
请注意,使用amp-script组件需要使用AMP Playground或AMP验证工具进行验证和测试,以确保其符合AMP的规范和最佳实践。