我应该为我的电子邮件模板使用 HTML 4.0 标记吗?
设计师使用 CSS 最佳实践编写了 html 模板。 我想使用此模板作为电子邮件通讯模板,但我听人们说 hotmail、yahoo 和 gmail 对 CSS 的支持有限。
我是否应该使用表格布局和字体标签重新编码这些模板?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
简短的回答是是。
您将获得跨网络邮件帐户和邮件帐户的最佳兼容性。 电子邮件客户端使用最基本且简单化的 HTML。
我通常至少测试以下各项:
如果您在所有这些上都能正确显示某些内容,那么您通常处于良好状态。
我们使用 Exact Target,他们有 HTML 预览功能,但它并不完美。 我遇到过很多情况,电子邮件在预览中看起来不错,但在 Outlook 2007 中仍然无法正常发送。
The short answer is Yes.
You're going to get the best compatibility across webmail accounts & email clients by using the most basic and dumbed down HTML possible.
I usually test on a minimum of the following:
You're usually in pretty good shape if you get something that shows up properly on all of those.
We use Exact Target and they have an HTML preview feature but it's not perfect. I've run into a lot of situations where an email looked good in the preview but still came through broken in Outlook 2007.
上面的马克说了开发电子邮件模板所需要做的一切(又是 90 年代),但我想添加最后一件事:
http://www.email-standards.org/ 是一个很好的资源,可以了解不同的电子邮件客户端如何解释 HTML 和 CSS。
Mark above said everything that you need to do to develop email templates (it's the 90's all over again), but I wanted to add one last thing:
http://www.email-standards.org/ is a great resource to see how different email clients interpret HTML and CSS.
以 Mark 所说的为基础:
如果可能的话,完全避免使用 CSS(不过,对于文本之类的东西通常没问题)。 使用表格进行所有定位,使用空
元素进行填充/较小的定位位。
即使有了这一切,它也只会在少数电子邮件程序/网站中看起来完美。 我相当有信心地说,HTML 电子邮件完全不可能在所有邮件客户端/应用程序中完美显示。
To build on what Mark said:
If at all possible, avoid using CSS at all (though, it's usually alright for things like text). Use tables for all positioning, empty
<td>
elements for padding/smaller positioning bits.And even with all this, it's only going to look perfect in a few email programs/sites. HTML email is, I'm fairly confident in saying, utterly impossible to do in such a way that it shows up perfectly in all mail clients/apps.
您必须回到石器时代的 HTML 才能按照 Mark 的建议处理 HTML 电子邮件。 所有样式都内联在 html 中。 没有 STYLE 标签或外部样式表。
MailChimp 和 CampaignMonitor 都提供优秀的免费 HTML 电子邮件模板。 他们还提供电子邮件测试服务,将您的 html 电子邮件发送到几个不同的电子邮件客户端,然后向您发送结果的屏幕截图。
You'll have to go back to stone-age HTML to get HTML emails to work out as Mark suggested. All styles inline in the html. No STYLE tags or external stylesheets.
MailChimp and CampaignMonitor both offer excellent free HTML email templates. They also both offer email testing services that send your html emails to several different email clients and then send you screenshots of the results.
使用具有固定高度/重量的 div 标签,并将所有 HTML 放入其中。 对于大多数客户来说,它看起来都是一样的。 我之前尝试过,效果很好。
use div tag with fixed height/weigth and put all your HTML in there. It would look the same in most clients. Iv'e tried it before and it works fine.