AMP

电子邮件 AMP 格式

重要提示:此文档不适用于您当前选择的格式 故事

AMP 是一种以在移动客户端上开发超快网页而闻名的技术。 AMP 是一组由 JavaScript 支持的 HTML 标签,它可以轻松实现功能,同时更加注重性能和安全性。有 AMP 组件 可用于从轮播到响应式表单元素,再到从远程端点检索新内容的所有内容。

电子邮件的 AMP 格式提供了 您可以在电子邮件中使用的 AMP 组件的子集。 AMP 电子邮件的收件人可以直接在电子邮件中查看 AMP 组件并与之互动。

必需的标记

以下代码表示构成有效 AMP 电子邮件的最少标记量

<!DOCTYPE html>
<html 4email>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

AMP 电子邮件必须

  • 以 doctype <!doctype html> 开头。 🔗
  • 包含一个顶级 <html ⚡4email> 标签(也接受 <html amp4email>)。 🔗
  • 包含 <head><body> 标签(它们在 HTML 中是可选的)。 🔗
  • 在其 head 标签的第一个子项中包含 <meta charset="utf-8"> 标签。 🔗
  • 在其 head 标签内包含 <script async src="https://cdn.ampproject.org/v0.js"></script> 标签。 🔗
  • 在其 head 标签内包含 amp4email 样板代码 (<style amp4email-boilerplate>body{visibility:hidden}</style>),以在加载 AMP JS 之前初始隐藏内容。 🔗

整个 AMPHTML 标记不得超过 200,000 字节。

结构和渲染

电子邮件 AMP 依赖于标准的 multipart/alternative MIME 子类型,如 RFC 1521 第 7.2.3 节 中所定义。

有关详细信息,请参阅 AMP 电子邮件的结构和渲染

支持的 AMP 组件

请参阅 AMP 电子邮件支持的组件

HTML 要求

请参阅 电子邮件 AMP 中支持的 HTML

CSS 要求

支持的选择器和属性

请参阅 电子邮件 AMP 中支持的 CSS

在 AMP 文档中指定 CSS

任何 AMP 文档中的所有 CSS 都必须包含在标头内的 <style amp-custom> 标签中或作为内联 style 属性。

...
<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>
...
</head>

整个 <style> 标签不能超过 50,000 字节。验证器将检查此项。

文档尺寸

  • 最佳宽度:800 像素或更小(在某些客户端上,任何更宽的内容都可能会被意外截断)。

  • 高度:可变,客户端允许用户滚动浏览内容。

验证

为了确保您的电子邮件符合电子邮件 AMP 格式的严格标准,您可以使用 AMP 现有的验证工具。

有关详细信息,请参阅 验证 AMP 电子邮件

隐私和安全

跟踪电子邮件打开和互动

AMPHTML 允许使用像素跟踪技术跟踪电子邮件打开情况,这与常规 HTML 电子邮件相同。任何用户启动的从外部服务请求数据的行为也表明用户正在与邮件互动。电子邮件客户端可能会让其用户能够禁用加载远程图像和其他外部请求。

AMP 特定的分析

不支持以下 AMP 特定的分析技术

特定组件的注意事项

请求 <amp-carousel><amp-accordion> 中的图片可以向发件人表明用户正在与邮件互动。

运行时不允许在 <amp-form> 中进行重定向。

反馈和支持

如需获得电子邮件 AMP 的支持和反馈,请使用以下渠道:持续参与