AMP 验证错误“标签 'style amp-custom' 中缺少强制属性 'amp-custom'...”答案

【问题标题】：AMP validation error "The mandatory attribute 'amp-custom' is missing in tag 'style amp-custom'..."AMP 验证错误“标签 'style amp-custom' 中缺少强制属性 'amp-custom'...”
【发布时间】：2023-04-01 15:56:02
【问题描述】：

网页出现以下 AMP 验证错误：

标签“样式”中缺少强制属性“amp-custom” 放大器自定义'。（看 https://www.ampproject.org/docs/guides/author-develop/responsive/style_pages)

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

谁能提供有关此错误可能原因的提示？

【问题讨论】：

标签： amp-html

【解决方案1】：

我正在使用手机，所以请耐心等待... amp-custom 是您包含自定义 CSS 的地方。它位于头部的 amp-boilerplate 之前，以免覆盖样板正在执行的任何操作。查看有关在 AMP 项目页面上添加自定义 CSS 的页面：https://www.ampproject.org/docs/design/responsive/style_pages

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

【讨论】：

哈利路亚！我的第一个经过验证的 AMP 页面是在您的大力帮助下诞生的。非常感谢！如果我要编写验证错误，我会写成“您的内联样式缺少强制属性 'amp-custom'”。
太棒了！如果您对 AMP 有任何建议，您可以随时访问 amp-html GitHub 并发布您的建议。 github.com/ampproject/amphtml/issues
我今天早上确实做了一个，虽然它与另一个问题有关：github.com/ampproject/amphtml/issues/17382

【解决方案2】：

AMP CSS 样式被放在 head 内

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

这里你好像把它写成

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

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

【讨论】：