AMP 电子邮件格式
Important: this documentation is not applicable to your currently selected format stories!
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 电子邮件依赖于标准 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 电子邮件方面的支持以及提供相关反馈,请使用以下渠道:持续参与