我应该为我的电子邮件模板使用 HTML 4.0 标记吗?

发布于 2024-07-12 04:04:07 字数 131 浏览 7 评论 0 原文

设计师使用 CSS 最佳实践编写了 html 模板。 我想使用此模板作为电子邮件通讯模板,但我听人们说 hotmail、yahoo 和 gmail 对 CSS 的支持有限。

我是否应该使用表格布局和字体标签重新编码这些模板?

A designer coded an html template using CSS best practices. I want to use this template as an email newsletter template, but I've heard people say hotmail, yahoo and gmail offer limited support for CSS.

Am I supposed to re-code these templates using table layouts and font tags?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

旧人哭 2024-07-19 04:04:07

简短的回答是

您将获得跨网络邮件帐户和邮件帐户的最佳兼容性。 电子邮件客户端使用最基本且简单化的 HTML。

  • 不要使用任何 CSS 文件或
  • 使用具有明确宽度的嵌套表处理定位
    • 在这些情况下,我大量使用 HTML 注释,以确保我不会对自己在布局中的位置感到困惑。
  • 所有文本均应由 包围 带有字体样式信息的标签。
  • 图像应该有明确的宽度和宽度 高度。
    • 这有助于电子邮件在图像被屏蔽时保持正确的布局。

我通常至少测试以下各项:

  • Outlook 2003
  • Outlook 2007
    • 您的大部分头痛都来自这里。
  • Thunderbird
  • Entourage(Outlook 的 OSX 版本)
  • Gmail
  • Hotmail
  • Yahoo Mail

如果您在所有这些上都能正确显示某些内容,那么您通常处于良好状态。

我们使用 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.

  • Don't use any CSS files or <style> tags. Do everything inline.
  • Handle positioning with nested tables that have explicit widths
    • I make heavy use of HTML comments in these situations to make sure I don't get confused about where I am in the layout.
  • All text should be surrounded by <font> tags with the font style information.
  • Images should have explicit widths & heights.
    • This helps the email retain its proper layout when images are blocked.

I usually test on a minimum of the following:

  • Outlook 2003
  • Outlook 2007
    • Most of your headaches will come from here.
  • Thunderbird
  • Entourage (OSX version of Outlook)
  • Gmail
  • Hotmail
  • Yahoo Mail

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.

我为君王 2024-07-19 04:04:07

上面的马克说了开发电子邮件模板所需要做的一切(又是 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.

趁年轻赶紧闹 2024-07-19 04:04:07

以 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.

酷炫老祖宗 2024-07-19 04:04:07

您必须回到石器时代的 HTML 才能按照 Mark 的建议处理 HTML 电子邮件。 所有样式都内联在 html 中。 没有 STYLE 标签或外部样式表。

MailChimpCampaignMonitor 都提供优秀的免费 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.

梦晓ヶ微光ヅ倾城 2024-07-19 04:04:07

使用具有固定高度/重量的 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文