简体中文

开发者工具 · HTML WYSIWYG 编辑器

为什么 HTML 电子邮件仍然使用表格和内联样式构建

· 背景

html 电子邮件 开发人员工作流程

语义浏览器草稿进入单独的电子邮件布局和测试管道
原始 ToolAcre 矢量图

解释了电子邮件客户端的限制,从剥离的样式表和遗留渲染引擎到缺少脚本,以及为什么电子邮件 HTML 遵循 Web 放弃的规则。

它在浏览器中完美呈现,但在收件箱中崩溃 - 打开时出现经典失败

通过电子邮件系统发送时,浏览器就绪通知可能会丢失布局、间距或演示文稿。 ToolAcre 并没有解决兼容性问题。它的允许列表不包括表格和样式属性,因此其干净的语义片段是复制的起点,而不是完成的电子邮件模板。

这个边界可以防止危险的承诺。沙盒浏览器预览仅证明 ToolAcre 的包装器如何呈现过滤后的主体。收件箱客户端、营销活动转换和远程图像策略都在该框架之外,需要它们自己的代表性测试。

无脚本、有限的 CSS、不可预测的客户端 — 列出定义电子邮件 HTML 的约束

电子邮件制作通常会限制脚本并不均匀地支持 CSS,但此存储库不提供指定客户端矩阵或当前支持百分比。因此,本文避免声明精确的兼容性。将每个组织支持的客户端和发送平台视为外部合同进行验证。

ToolAcre 已经删除了脚本、样式、表单、图像、表格和任意属性。这对于起草文本很有用,但比典型的生产电子邮件 HTML 窄得多。成功的本地预览无法确定最终消息满足客户、可访问性、隐私或可传递性要求。

为什么电子邮件模板可以使用表格 - ToolAcre 本身删除了表格标记

电子邮件模板可以使用基于表格的布局来应对受限的客户。此编辑器无法创作或保留表、tr、td 或相关元素。粘贴表格会解开普通的不受支持的标签,留下文本和任何允许的后代,而没有网格关系。

不要通过声称保留了粘贴的表来解决该遗漏。将批准的语义副本移至其他地方维护的特定于电子邮件的模板中。在那里,根据实际的客户端策略测试布局、阅读顺序和响应行为,而不是使用 ToolAcre 作为邮件渲染器。

内联样式属于稍后的电子邮件管道,因为此编辑器会删除它们

当嵌入或外部 CSS 不可用或转换时,内联样式可以承载电子邮件演示。 ToolAcre 有意删除每个样式属性和类。因此,即使其下载的预览文档具有单独的包装样式表,其复制的片段也无法演示内联 CSS 工作流程。

电子邮件构建步骤可以在组装组件和模板后内联批准的声明。该转换需要对危险 URL、不受支持的属性和客户端行为进行控制。不应将其与该编辑器的 HTML 白名单混淆,也不应将其暗示为存在视觉预览。

旧版客户端引擎是外部兼容性问题,而不是经过存储库验证的行为

该工作簿提到桌面邮件客户端中的文字处理器渲染引擎。没有存储库源验证指定的产品、日期或当前引擎,因此本文将这个问题定性:邮件客户端可能会以不同于浏览器和彼此的方式呈现 HTML。

兼容性随着时间和帐户配置的不同而变化。建立支持时使用维护的外部兼容性数据和真实的收件箱测试。 ToolAcre 的来源可以证明它发出了什么,但不能证明第三方客户当前如何解释已完成的活动。

工作示例:在此处起草语义副本,然后列出所需的电子邮件改编内容,无需声明支持

在 ToolAcre 中起草标题、简介、短列表、链接文本和页脚免责声明。检查措辞,检查过滤的来源并复制纯文本作为附加参考。不要插入图像、表格或活动跟踪,因为该工具既不支持也不验证它们。

在电子邮件系统中,将批准的副本放入经过测试的组件中,添加所需的布局、样式、可访问链接处理、图像替代方案和策略下的跟踪。将最终文本与基础文本进行比较,以发现意外的声明更改。发送前测试收件箱渲染和纯文本回退。

这不包括的内容 — 发送基础设施、可交付性或测试服务

本文不涵盖交付基础设施、身份验证、声誉、取消订阅合规性、跟踪同意或测试服务。它也不认证任何电子邮件客户端。这些是浏览器起草小组之外的运营和法律责任。

隐私声明的范围同样狭窄。 ToolAcre 页面加载后,编辑操作不需要网络,但发送必须将内容传输到邮件基础设施和收件人。剪贴板和下载的文件是显式退出。将后面的管道视为新的数据流和安全审查。

要点:起草内容,然后将其翻译为电子邮件 — 总结限制以及 ToolAcre 的 HTML WYSIWYG 编辑器如何充当特定于电子邮件的调整之前的本地起草步骤

在本地起草内容,然后将其翻译为电子邮件。该部门使用 ToolAcre,其证据最有力——语义文本、源检查、本地过滤和纯文本提取——而不将其表示为电子邮件生成器。

将经过审查的基础保留在最终活动旁边,记录调整并测试实际输出。如果需求是具有内联 CSS 的表格布局,请在专用工具中开始该阶段。受限编辑器之所以有价值,正是因为它拒绝掩盖不受支持的生产功能。