gpt4 book ai didi

html - amp-custom 应该放在 amp-boilerplate 之前还是之后

转载 作者:行者123 更新时间:2023-12-01 01:21:44 24 4
gpt4 key购买 nike

我发现的一些 AMP 示例似乎包含 amp-custom 标签 before amp-样板

  <style amp-custom>
h1 {
color: red;
}
</style>
<style amp-boilerplate>.....</style>

其他示例显示了 amp-boilerplate before amp-custom

<style amp-boilerplate>
.....
</style>
<style amp-custom>
h1 {
color: red;
}
</style>

如果我希望我的页面符合 AMP 标准,我应该在 amp-boilerplate 样式标记之前还是之后放置 amp-custom 样式标记。

最佳答案

对于 AMP 有效性,顺序并不重要。但是, header 内标签的顺序会影响页面加载性能。推荐的头标签顺序是:

  1. meta charset ,然后剩余meta标签。
  2. AMP 运行时 v0.js <script>标签(这应该尽快开始下载,因为它会阻塞渲染)。
  3. <script>其他渲染延迟扩展的标签(amp-experiment、amp-dynamic-css-classes)
  4. <script>剩余扩展的标签(amp-bind,...)
  5. <link>网站图标标签
  6. <style amp-custom>
  7. <head> 中允许的任何其他标签
  8. amp 样板,第一个 style amp-样板,然后 noscript 。 (将样板放在最后可以避免自定义样式意外覆盖样板 CSS 规则)

请注意:这仅与未通过 Google AMP Cache 提供服务的 AMP 相关。因为无论如何,缓存都会遵循这些规则对头部进行重新排序。

关于html - amp-custom 应该放在 amp-boilerplate 之前还是之后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50170292/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com