HTML 电子邮件编码提示

HTML 电子邮件编码非常复杂，有时甚至是不可能的。幸运的是，有许多电子邮件模板可以让您更轻松地开始这项不那么容易的任务。模板非常适合快速入门，但如果您要自己动手编写 HTML 电子邮件，这里有一些提示可以简化这项相当复杂的任务。

使用 XHTML 1.0 严格 DOCTYPE

HTML doctype 向浏览器和电子邮件客户端指定文档的 HTML 语言类型。如 HTML、XHTML、HTML5 等。对于 HTML 电子邮件，建议使用 XHTML 1.0 Strict DOCTYPE，因为已经证明许多电子邮件客户端会比其他 HTML 文档类型更准确地显示 HTML 电子邮件。

JavaScript 不属于 HTML 电子邮件

请记住，每个电子邮件客户端都会阻止 JavaScript 作为抵御病毒的安全措施。因此，请确保您的代码不包含任何 JavaScript，例如表单提交按钮、带有链接的弹出窗口、小部件等。

HTML 电子邮件编码需要内联 CSS

仅使用内联 CSS 样式进行格式设置。有许多 Web 应用程序可以帮助您免费将嵌入式 CSS 转换为内联 CSS，例如 Zurb inliner、Premailer 和 Emailology。

始终对所有图像和超链接使用“绝对”路径

对 HTML 电子邮件进行编码时，您需要将所有图像上传到您选择的服务器，然后使用链接回服务器的绝对路径，如下面的 HTML 代码所示来嵌入图像：

<img src="http://www.mysite.com/email/images/photo.gif" alt="xxxx"/>

用于嵌入链接的 HTML 代码：

<a href="http://www.mysite.com/index.html" title="www.mysite.com">Click Here</a>

提示：在项目开始时，将 HTML 电子邮件中的所有图像和其他图形元素上传到您选择的服务器。这样，必须从一开始就使用绝对路径。

谨慎使用边距

大多数电子邮件客户端会忽略表格单元格的边距。但是，这些元素是创建 HTML 电子邮件的基石。要控制表格结构和文本/内容之间的间距，请仅使用 CSS 单元格填充和 CSS 填充。对文本应用边距是完全可以的。还可以将 hspace 和 vspace 属性用于图像和其他图形项目。

每张图片都需要一个有效的替换文本

最近，Gmail 默认显示图片或立即显示图片。其他电子邮件客户端的所有其他用户都可以看到您提供的空格和替换文本。此替代文本应描述图像包含的内容，这可能会强制用户在其电子邮件浏览器中查看图像。

 <img src="#" alt="xxxx" />

在 HTML 电子邮件中仅使用六位数的十六进制代码进行颜色指定

并非每个电子邮件客户端都接受 #CCC 等缩写或“red”或“yellow”等颜色名称。为获得最佳效果，建议使用六位数十六进制代码，例如 #007D9A ，所有电子邮件浏览器都完全支持该代码。