如何在Web电子邮件客户端中显示HTML电子邮件？

Question

嗨我正在建立一个小型的基于Web的电子邮件客户端。我在显示HTML邮件时遇到问题。显示HTML邮件的最佳做法是什么？有些事情，我发现

1. 的CSS重置
2. 条带体标记的邮件

Answer 1

首先，它不允许所有的CSS和HTML标签是非常重要的。我会查找该文件并允许定义一组HTML标记和CSS属性。

例如，如果您重置CSS，你仍然可以送的东西一样，<form>和所有其他可能恶意代码。

因此，我会开始思考你想支持哪种HTML标签，并将其他所有标签剥离掉。然后CSS也是一样。

这绝非易事。我的意思是，你也必须考虑到人们试图破坏你的翻译...

你可以看看这个Sitepoint Blogpost，它描述了人们应该如何编码HTML电子邮件。因此，从那里开始并查看通常支持的内容可能是一个好主意。

Answer 2

的一句话回答可以是“1，使用基于表格的布局，仅2内联CSS和3 在每一个电子邮件客户端可能的测试。”

客户端测试可能是最重要的，因为每一个电子邮件客户端（客户端和浏览器+组合）都可能有自己的怪癖，很多都只是沿途的教训;如使用HTML属性宽度01​​高度，因为Outlook将不会总是遵循宽度&高度内联样式，或Gmail中往往添加图像周围的利润，除非你明确地设置保证金：0的HTML元素，等等，等等

当固定的HTML电子邮件的一个客户端的外观最终打破它在另一个客户端，不继续增加更多造型：尽量简化的 HTML/CSS，即使这意味着写更多的标记。例如，如果填充和边距看起来不正确，则可以通过向表中添加更多行或列并固定其高度/宽度来实现相同的外观。更多标签比担心所有电子邮件客户端如何呈现CSS盒模型更简单。

HTML-for-email上有很多文章和博客文章，如http://articles.sitepoint.com/article/code-html-email-newsletters，这些文章和博客文章很有帮助 - 尽管很多文章和新版本的客户端都过时了。