电子邮件 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 中是可选的)。 🔗 - 包含一个
<meta charset="utf-8">
标记作为其 head 标记的第一个子标记。 🔗 - 在其 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 要求
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 字节。验证器会检查此项。 文档尺寸
-
最佳宽度:800px 或更小(任何更宽的内容都可能在某些客户端意外截断)。
-
高度:可变,客户端允许用户滚动浏览内容。
验证
为了确保您的电子邮件符合 AMP for Email 格式的严格标准,您可以使用 AMP 现有的验证工具。
有关更多信息,请参见 验证 AMP 电子邮件。
隐私和安全
跟踪电子邮件打开和互动
AMPHTML 允许使用像素跟踪技术跟踪电子邮件打开情况,与常规 HTML 电子邮件相同。任何用户发起的对外部服务的数据请求都将表明用户正在与邮件互动。电子邮件客户端可能会向其用户提供禁用加载远程图片和其他外部请求的功能。
AMP 特定的分析
不支持以下 AMP 特定的分析技术
特定于组件的注意事项
对 <amp-carousel>
或 <amp-accordion>
内图片的请求可以向发送方表明用户正在与邮件互动。
在 <amp-form>
中的重定向在运行时不被允许。
反馈和支持
有关 AMP for Email 的支持和反馈,请使用以下渠道:ongoing-participation