首先，如果大家点进来的原因是厌烦了开发邮件系统，请允许我先对各位的悲惨遭遇表达最诚挚的慰问。
说说结论，我认为邮件系统的开发可以说是能在笔记本电脑上完成的、最恶心的工作，没有之一。我们做的一切似乎都没有意义，只能像疯子一样反复测试一切，那种感觉跟清理浴室地板上莫名其妙的顽固污渍倒有几分相似。
总之，希望文章接下来的内容能帮大家厘清整个混乱的局面，提供一点有用的建议，特别是让您在绝望中找到一丝活下去的勇气。
邮件开发是干啥的？
理论上讲，邮件系统的开发其实跟网站开发应该比较相似。电子邮件在本质上只是个 HTML 文档，跟网页一样，只不过是在邮件客户端、面非网络浏览器中呈现视觉效果。但除此之外，二者都能渲染，也就是把 HTML 代码转换成文本、图形和图像——即内容的可视化。
其实在 2005 年那会，网站和邮件系统的开发其实非常相似。浏览器和邮件客户端会以几乎相同的方式呈现 HTML，而且功能也相差不大。但是，尽管 Web 标准不断发展且持续入驻网络浏览器，但邮件客户端这头却似乎陷入了时停——至今无甚变化。
如今，我们在开发网站时可以支持各种酷炫且高效的功能，比如网格、Flexbox、夜晚模式、过渡，而且所有主要浏览器都能兼容。但另一方面，这些功能在邮件客户端中则分以下三种情况：
完全不受支持；
无法按预期工作；
在某些邮件客户端中无法兼容。
所以，如果大家希望一定比例的用户（至少得有 95%吧）能按预期查看邮件内容，那就只能坚持使用最基本的 HTML 和 CSS 功能。而且即使这样，成功率也不是 100%……
而且更离奇的是，如今 Web 开发中最糟糕的实践竟然仍是邮件开发中的最佳实践。下面，就让我们一探究竟。
首先，如果大家点进来的原因是厌烦了开发邮件系统，请允许我先对各位的悲惨遭遇表达最诚挚的慰问。
说说结论，我认为邮件系统的开发可以说是能在笔记本电脑上完成的、最恶心的工作，没有之一。我们做的一切似乎都没有意义，只能像疯子一样反复测试一切，那种感觉跟清理浴室地板上莫名其妙的顽固污渍倒有几分相似。
总之，希望文章接下来的内容能帮大家厘清整个混乱的局面，提供一点有用的建议，特别是让您在绝望中找到一丝活下去的勇气。
为什么要用 元素?
邮件开发最让人头痛，当数其中大量使用到 table 元素，以及永无止境的和字符串。但是，为什么会这样？
根据相关文献的解释，微软 Outlook 使用着与 Word 相同的渲染引擎。也就是说，在 Outlook 中打开电子邮件基本上相当于在 Word 中打开文档，所以我们得先摆正思路——手头开发的并不是电子邮件，而是 Word 文档。
有朋友可能会想，“不会吧，Word 里可没有多少布局和样式工具……”说得没错！但它有 table，而且只有 table。所以任何想要正确实现可视化的内容都必须是 table。没有其他办法了，请大家收下这份表格大礼。
为了证明这一点，以下是苹果发送的现代电子邮件被粘贴进微软 Word 2013 后的样子：
微软 Word 2013 中打开的苹果发票邮件
神奇吧，这格式多么规整。而之所以能这么规整，是因为邮件的 HTML 中包含 75 个和 122 个。看看 HTML 格式，就知道内容有多乱了。
为什么要使用内联样式？
跟常规 HTML 文档一样，电子邮件也可以具有 CSS 样式。如果各位朋友足够理智，肯定会想到把它们放在文档的标记当中。根据“如何开发邮件……”支持页面中的和
邮件开发最让人头痛，当数其中大量使用到 table 元素，以及永无止境的 根据相关文献的解释，微软 Outlook 使用着与 Word 相同的渲染引擎。也就是说，在 Outlook 中打开电子邮件基本上相当于在 Word 中打开文档，所以我们得先摆正思路——手头开发的并不是电子邮件，而是 Word 文档。 有朋友可能会想，“不会吧，Word 里可没有多少布局和样式工具……”说得没错！但它有 table，而且只有 table。所以任何想要正确实现可视化的内容都必须是 table。没有其他办法了，请大家收下这份表格大礼。 为了证明这一点，以下是苹果发送的现代电子邮件被粘贴进微软 Word 2013 后的样子： 微软 Word 2013 中打开的苹果发票邮件 神奇吧，这格式多么规整。而之所以能这么规整，是因为邮件的 HTML 中包含 75 个 跟常规 HTML 文档一样，电子邮件也可以具有 CSS 样式。如果各位朋友足够理智，肯定会想到把它们放在文档的标记当中。根据“如何开发邮件……”支持页面中的和和 字符串。但是，为什么会这样？ 和 122 个 。看看 HTML 格式，就知道内容有多乱了。 为什么要使用内联样式？