用途:用于设计电子邮件模板,并兼顾响应式邮件模式与邮件送达率方面的考虑。
主要能力与约束:邮件客户端对 CSS 支持有限,需采用表格布局,因为 CSS grid/flexbox 并非普遍支持;使用内联 CSS,因为许多客户端会剥离 style 标签;最大宽度为 600px;图片需外部托管并必须提供 alt 文本,因为图片默认被屏蔽;网页字体不可靠,应使用 web-safe 字体栈。
结构建议:包含 pre-header 文本(收件箱预览,40-130 字符)、页头(logo、极简导航)、主视觉(核心信息/图片)、正文(内容块、交替布局)、CTA(主操作按钮,最小高度 44px)、页脚(法律要求的退订链接与联系信息)。
按钮设计:使用 HTML 按钮而非图片按钮,避免图片被屏蔽;最小高度 44px,移动端全宽;高对比度,通过 border-radius 实现圆角;针对 Outlook 使用 bulletproof button 技术。
测试:需在 Gmail、Outlook、Apple Mail、Yahoo Mail 及移动客户端中测试;测试深色模式下的颜色渲染;测试关闭图片时内容仍可读;测试每一个链接。
限制:资料未提供具体代码示例、安装命令、收费或价格信息,也未说明支持的具体平台范围与效果数据。