gpt4 book ai didi

html - 有哪些 HTML 电子邮件设计指南?

转载 作者:技术小花猫 更新时间:2023-10-29 11:28:26 26 4
gpt4 key购买 nike

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗?更新问题,使其仅关注一个问题 editing this post .

6年前关闭。



Improve this question




您可以为电子邮件中的丰富 HTML 格式提供哪些指导,同时在许多客户端和基于 Web 的电子邮件界面中保持良好的视觉稳定性?

一个关于 Stack Overflow 的问题的无关答案建议:

http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html

其中包含以下准则:

  • 将样式表放入 <body>而不是 <head>
    一些电子邮件客户端会将 CSS 从头部剥离,但如果样式块(无效)在正文中,则将其保留。
  • 尽可能使用内联样式
    Gmail 将删除任何样式表,无论是在 <head> 中或在 <body> ,但尊重使用 style="" 分配的内联样式属性
  • 返回表格
    由于 Outlook 2007 使用 Microsoft Word 渲染引擎,近年来电子邮件标准实际上倒退了一大步。忘掉你在没有样式表的情况下学到的大部分关于定位的知识。
  • 不要依赖图片
    大多数客户端和大多数基于 Web 的电子邮件客户端不会显示图像,除非用户特别要求显示图像。

  • 我也有一些“未经证实的”真相,我不记得是在哪里读到的。
  • 不要在表中使用超过两级的嵌套
    这是真的吗。如果我这样做,可能会发生什么?是否有任何特定的客户对此感到窒息?
  • 小心在单元格/表格中嵌套背景图像
    据我了解,您可能会遇到背景图像完全重新应用于降序表格/单元格的情况,而不仅仅是“闪耀”。再说一遍,真的还是假的?哪些客户?

  • 我想用更多的指导方针和战壕中的经验来充实这个列表。

    你能提供任何进一步的建议吗?

    更新:我特别要求提供 的指南设计部分 在 HTML 和一致性那里。关于 avoiding spam filters 的一般准则的问题, 和 common courtesy已经在 SO 上了。

    最佳答案

    如果您从“现代 HTML 和 CSS”的角度来处理它,实际上很难制作出像样的 HTML 电子邮件。

    为获得最佳结果,假设现在是 1999 年。

  • 回到表格进行布局(或者最好不要尝试任何复杂的布局)
  • 害怕背景图片(它们在 Outlook 2007 和 Gmail 中会损坏)。
  • 正文中的样式标记是因为 Hotmail 过去接受这种方式 - 我很确定他们现在将其删除。将内联样式与 style 一起使用如果必须使用 CSS 属性。
  • 完全忘记 float
  • 请记住,您的图像可能会被阻止 - 使用背景和文本颜色对您有利 - 确保有一些可读文本且图像被禁用
  • 对链接要非常小心,尤其要注意链接文本中看起来像 URL 的任何内容 - 你会激怒“网络钓鱼”过滤器(例如 <a href="http://domain.tld">www.someotherdomain.tld</a>)
  • 请记住,网络邮件客户端上的“折叠”往往位于页面上方(在 1024x768 屏幕上,大多数界面不会显示超过一百个像素左右) - 将您的身份信息放在顶部,以便收件人知道你是谁。
  • 最新版本的 Outlook 有一个“纵向”预览 Pane ,它比您预期的要窄得多 - 非常小心固定宽度的布局,如果您必须使用它们,请尽可能缩小它们。
  • 甚至不要考虑 flash、Javascript、SVG、canvas 或类似的东西。
  • 测试,很多。确保您在最近的 Outlook 中进行测试(事情发生了很大变化!它现在使用 Word 作为其 HTML 渲染引擎,并且它已瘫痪:Word 2007 HTML/CSS support)。 Gmail 也很挑剔。令人惊讶的是,雅虎的网络邮件非常好,具有很好的 CSS 支持。

  • 祝你好运;)

    更新以回答更多问题:

    Don't use more than two levels of nesting in tables



    我相信这是关于 Lotus Notes 的旧指南。嵌套表应该没问题,但实际上,如果您的布局复杂到需要它们,那么无论如何您可能都会遇到麻烦。保持您的布局 简单 .

    Be careful of nesting background images in cells/tables



    这可能与上述有关,同样适用,如果您变得那么复杂,那么您就会遇到问题。 Outlook 的最新版本根本不支持背景图像,因此最好建议您完全忘记它们。

    关于html - 有哪些 HTML 电子邮件设计指南?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/127498/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com