1. 首页
  2. 问答
  3. 编写HTML电子邮件的最佳实践和注意事项

编写HTML电子邮件的最佳实践和注意事项

2010-02-09 95 views
68

我已经开发了十多年的网站，但很快发现我在开发Web时的许多习惯在开发电子邮件客户端时都没有用。这给我带来了巨大的挫折感，所以我想我会问一个问题，希望能为像我这样可能会不时为gmail，outlook等设计的其他人提供最佳实践和必要考虑。编写HTML电子邮件的最佳实践和注意事项

示例：<style>...</style> vs inline CSS。

简而言之：什么从网络世界转移到电子邮件世界，哪些不是。

来源

2010-02-09 Sampson

回答

5

内联css和表 - 认为web开发大约2000年，你会没事的。 Campaign Monitor对于电子邮件客户端可以处理的内容有很好的资源。还可以使用http://www.emailonacid.com/进行测试 - 节省必须发送大量测试。

来源

2010-02-09 14:44:02 matpol

+0

也有一些指导方针mailchimp这里提供 – 2010-02-09 14:45:57

27

我一直在做这些（在相当长的时间）为我的工作一段时间了。 HTML电子邮件存在许多缺陷。不同的电子邮件客户端以不同的方式呈现HTML，并使IE6看起来更高级。

这是我迄今为止所了解到的一个总结。

  • 使用内联CSS：不总是支持样式。
  • 使用表格布局：我知道，但div布局是CSS依赖和许多电子邮件客户端无法应付。
  • 不要使用rowspan：这会导致奇怪的间距问题。
  • 请勿使用背景图片：支持这些是有限的。
  • 带有“display：block”的风格图像标签：这修复了hotmail的奇怪间距问题。
  • 如果使用多个表将它们嵌套在一个父表中：这会阻止更奇怪的间距问题。
  • 不使用Javascript：再次不支持很好。
  • 确保您的电子邮件清晰无图：用户可能无法加载它们。
  • 提供在线版本及其链接：即使电子邮件客户端很糟糕，也可以让用户看到预期的内容。
  • 测试，测试，测试：仅仅因为它在一个电子邮件客户端中工作并不意味着它在其他工作。一个大的是Outlook 2007。它使用word来呈现HTML（叹气）。

这远不是一个全面的列表，但应该设置大多数人在正确的轨道上。

来源

2010-02-09 14:56:02 Magpie

0

这也不错，所以看到什么内嵌CSS中的电子邮件浏览器的支持：（！google一下） http://www.campaignmonitor.com/css/

我也建议更换litmusapp。这是检查事物的好工具。

来源

2010-05-28 09:17:08 jos

91

这似乎是一个很好的地方列出一些试图学习HTML电子邮件的人的资源。这可能是您可以在网上找到的最全面的HTML电子邮件资源列表。快乐学习。

入门指南：

CSS支持&一般指南：

你应该总是在内嵌HTML的电子邮件你的CSS。这里是CSS Inlining Tools

响应指南清单：

模板&框架：

个

响应替代实施例：

而且上面的泰德Goas响应链路具有优良的流体的例子。

故障排除&一般指南：

您需要使用VML才能在Outlook中使用背景图像（不包括in the body tag）。下面是一些VML链接： http://www.mailchimp.com/articles/email_marketing_guide/：

来源

2014-01-29 17:04:18 John

 相关问题

  • 暂无相关问题^_^