学习如何制作电子邮件模板需要相当多的编码知识。这时您需要电子邮件开发人员的帮助。但我们只会介绍基础知识。
电子邮件营销人员不需要深入研究电子邮件编码，但对常用 HTML 标签有基本的了解可以帮助您独立解决小的电子邮件问题。下面就是它们。
常用的 HTML 标签
响应能力和兼容性
大约81%的电子邮件是在移动设备上打开的，每个设备的显示尺寸各不相同。因此，确保电子邮件在所有订阅者的设备上完美呈现至关重要。大多数电子邮件营销人员在设计电子邮件时都采用“移动优先”的方法。
移动优先方法包括创建宽度为 600px 的单列布局，并在必要时调整为桌面视图的 洪都拉斯 手机号码列表 双列布局。此外，响应式电子邮件模板设计应考虑以下因素：
使用预标题文本
尽量减少正文内容
包含清晰且易于点击的 CTA 按钮
与桌面布局相比，增加正文的字体大小
适当调整图像大小
简单朴素的电子邮件通常可以在所有电子邮件客户端上很好地呈现，没有太多花哨的功能。然而，解决三个主要电子邮件客户端的呈现和解决方法很重要：
苹果邮件
Gmail
响应式设计
与非 Gmail ID 不兼容
材料设计缺陷
前景
背景图像支持
项目符号列表
DPI 缩放
不必要的间距
HTML 最初用于网页编码，开发人员也将此做法用于电子邮件。虽然网页编码随着各种技术的发展而不断发展，以提供更好的用户体验，但电子邮件仍然使用 <table> 布局进行编码。
尽管 Apple Mail、iOS Mail、Gmail 和 Yahoo 等电子邮件客户端都支持 <div> 标签，但开发人员仍坚持使用表格布局，因为 Microsoft Outlook 依赖不支持 <div> 的过时渲染引擎。每个 <div> 都可以嵌套在单独的 <td> 标签内，但这会增加代码重量。如果电子邮件超过 120kb，Gmail 会将其剪裁。
为了最大兼容性还是选择性电子邮件客户端而进行编码？
不同的电子邮件客户端使用不同的渲染引擎，因此部分订阅者可能无法按预期看到电子邮件。虽然“在线查看”链接可帮助订阅者查看原始电子邮件，但它需要额外点击，并且可能会阻碍转化。
您必须权衡利弊，并编写代码以实现最大兼容性。如果您包含交互元素，建议添加后备支持，尽管这可能会限制创造力。或者，通过电子邮件客户端细分您的电子邮件列表，并仅向支持客户端的邮件列表发送电子邮件。
CSS 内联
Web 开发人员在 <head> 部分指定样式或链接到外部样式表。电子邮件开发人员必须内联样式，这会增加代码量，但会提高电子邮件加载速度。
构建可访问的电子邮件
电子邮件的可访问性已成为一个关键话题，许多人都强调其重要性。可访问性设计涉及在创建电子邮件时遵循特定规定并尊重某些限制。
遵循这些准则可让全球十多亿残障人士轻松阅读电子邮件，并提高所有订阅者的可读性。此外，它还可以显著提高电子邮件列表的转化潜力。
编码时要考虑的 4 件事
使用语义代码：使用屏幕阅读器的用户依靠语义代码来理解电子邮件。使用适当的标题 (<h_>) 和段落 (<p>) 标签可让屏幕阅读器区分它们，从而增强阅读体验。
添加相关标题：在电子邮件中添加标题可以作为预览文本，也可以作为使用屏幕阅读器的订阅者的上下文。
使用表格进行演示：在表格中添加 role=”presentation” 可确保屏幕阅读器专注于电子邮件内容，而不是单独阅读每个单元格。