电子邮件的 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 都必须包含在 header 中的 <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 的支持和反馈,请使用以下渠道:ongoing-participation