Question

网页上有以下AMP验证错误：

标记“ style”中缺少必填属性“ amp-custom” amp-custom”。（看到 https://www.ampproject.org/docs/guides/author-develop/responsive/style_pages）

我搜索了页面源，但找不到“ amp-custom”。换句话说，该页面没有标签“ style amp-custom”。

有人可以提供提示此错误的可能原因吗？

Answer 1

我正在打电话，所以在这里忍受... amp-custom是您包含自定义CSS的地方。它位于头部的amp-样板之前，以免覆盖样板正在做的任何事情。在AMP项目页面上查看有关添加自定义CSS的页面：https://www.ampproject.org/docs/design/responsive/style_pages

所有CSS必须是内联的，您不能使用链接标记包括CSS。您可以对CSS内联进行硬编码，也可以通过PHP或上面链接页面上显示的方法将其包括在内。对于允许的CSS数量，文件大小也有限制。

Answer 2

AMP CSS样式放在封闭的头部

<style amp-custom>
    <!--Your CSS-->
</style>

在这里您似乎把它标为

<style>
     <!--Your CSS-->
</style>

因此，错误提示缺少amp-custom属性。只需在打开样式标签中添加amp-custom

AMP验证错误“标记'style amp-custom'中缺少必需属性'amp-custom'...”

2 个答案: