电子邮件 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 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 要求
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 的支持和反馈，请使用以下渠道：持续参与