AMP
EN
Deutsch Français العربية Español Italiano Indonesia 日本語 한국어 Português Русский Türkçe 中文 Polski Tiếng việt

AMP for Email 格式

重要提示：本文件不适用于您当前选择的格式 广告！

AMP 是一种以在移动客户端上开发超快速网页而闻名的技术。AMP 是一组 HTML 标签，以 JavaScript 为后盾，可以轻松实现功能，并更加关注性能和安全性。从轮播到响应式表单元素，再到从远程端点检索新鲜内容，各种功能都有 AMP 组件。

AMP for Email 格式提供了 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 for Email 依赖于标准的 multipart/alternative MIME 子类型，如 RFC 1521 第 7.2.3 节中所定义。

有关详细信息，请参阅 AMP 电子邮件的结构和呈现。

支持的 AMP 组件

请参阅 AMP for Email 支持的组件。

HTML 要求

请参阅 AMP for Email 中支持的 HTML。

CSS 要求

支持的选择器和属性

请参阅 AMP for Email 中支持的 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 for Email 格式的严格标准，您可以使用 AMP 现有的验证工具。

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

隐私和安全

追踪电子邮件的打开和互动

AMPHTML 允许使用像素追踪技术来追踪电子邮件的打开，就像普通的 HTML 电子邮件一样。任何用户启动的对外部服务的数据请求也表示用户正在与消息进行交互。电子邮件客户端可能会让用户能够禁用加载远程图像和其他外部请求。

AMP 特定的分析

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

组件特定的注意事项

在 <amp-carousel> 或 <amp-accordion> 中请求图像可以向发送者表明用户正在与消息进行交互。

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

反馈与支持

如需有关 AMP for Email 的支持和反馈，请使用以下渠道：ongoing-participation