Canada Data

设计电子邮件模板需要富有想象力的编码技能。构建网页时，您可以使用 CSS、HTML5、Javascript 和大量其他语言来创建精美的布局和图形。然而，在设计电子邮件模板时，您必须回到编码的石器时代，基本字体和样式标签占据主导地位，Javascript 可能不存在，嵌入视频或表单等内容是有风险的。不过，我们来帮您！在这篇文章中，我们将向您介绍 HTML 电子邮件设计中什么方法 真正 有效，什么方法无效。

那么，为什么电子邮件模板编码与其他代码不同呢？首先，电子邮件代码渲染没有既定标准，因此各种电子邮件程序（如 Gmail、Yahoo! 或 Outlook）可以以不同的方式渲染相同的 HTML 代码。有时变化很细微，例如文本间距会偏离；有时变化非常剧烈，例如图像或整个部分被移动或部分截断。请记住，大多数电子邮件程序都使用外包 HTML 渲染引擎，因为构建和维护自己的引擎非常耗时且不划算。

如何确保电子邮件设计得以保留？首先，如果您对 HTML 代码不是很熟悉，则应坚持使用图形化编辑器（即 WYSIWYG，所见即所得）来设计模板。尽管这可能很诱人，但 不要尝试使用 Dreamweaver 之类的程序来设计电子邮件，因为它通常使用大量外部 CSS（毕竟它是为创建网页而设计的）。这给我们带来了第一条建议：

使用内联样式
设计 HTML 电子邮件时， 内联样式必不可少。当然，添加外部 CSS 效率更高、更省时，但由于不同电子邮件程序对此的支持非常有限，因此为元素设置内联样式是确保预期设计正确显示的最佳方式。如果您想了解目前 巴拉圭电子邮件列表 230751 联系人线索 流行的电子邮件程序支持哪些类型的 CSS，请查看电子邮件标准项目网站，因为他们有一个全面的列表，其中列出了哪些 CSS（层叠样式表）属性可靠，哪些不可靠。但最重要的是 – 像编写 90 年代的老网页一样编写电子邮件。这意味着使用基本的 HTML 标签和内联样式。

创建表
这可能不是那么明显，但是基本的 HTML 表格布局是构建电子邮件模板的最佳方式。Div 布局通常依赖于 CSS 和一些其他属性，而大多数电子邮件程序对这些属性的支持并不好，因此 请坚持使用表格 ——它可能更麻烦，但更可靠。主表格的宽度不应大于 600 像素，这样收件人就不必左右滚动来查看整个电子邮件。 不要设置高度，因为里面的内容会自动确定高度。另外，尽量不要在表格中嵌套表格。有一个大表格和几个小表格是可以的；但是，太多嵌套表格可能会导致您的电子邮件结构在某些电子邮件程序中看起来有点……不稳定……。当然，您应该在几个不同的程序中测试您的模板，以确保它看起来一致。如果您没有或不想管理多个电子邮件帐户，您也可以使用在线电子邮件测试服务，如 Litmus 或 Email on Acid。

避免嵌入视频和表格
许多人希望在电子邮件中添加视频、添加表单或嵌入 Facebook“赞”按钮。遗憾的是，大多数电子邮件程序无法播放视频或正确读取表单。视频需要电子邮件程序不支持的插件，而表单需要运行脚本，这可能会干扰程序自己的脚本。最好的办法是简单地 包含指向视频或表单在线托管位置的链接 。对于视频，请截取视频的屏幕截图并将其作为 JPEG 图像上传，然后链接到视频页面。这可能不是您想要的解决方案，但这是确保收件人可以看到您希望他们看到的内容的最佳方法。

保持简单
这一点再怎么强调也不为过。电子邮件设计并不总是那么容易，但如果您坚持使用基本的表格布局并假装您正在设计一个较旧的网页，您应该会获得更大的成功。尽量保持较高的文本与图像比率，因为电子邮件程序会寻找这种比率，并且您不希望您的电子邮件因图像过多而最终成为垃圾邮件。他们还会查看整体 HTML 字符数，因此请尝试将模板限制为几篇文章，并且不要添加一堆 span 标签或空格，因为这些只会增加不必要的字符。