代码之家  ›  专栏  ›  技术社区  ›  Jamie

如何创建HTML电子邮件模板?

  •  2
  • Jamie  · 技术社区  · 7 年前

    之前我发布 here 关于如何使两个表响应的问题。首先他们回答说我不应该使用 <table> 而不是 <div> 但是后来他们说我需要用旧的风格 <表(>); ,因为它将是一个电子邮件模板。

    毕竟,我正在将标题转换为表格中的旧样式,因此它在浏览器中看起来很好,但通过电子邮件发送后,它又完全搞砸了(手机除外)。现在我用的是旧款,但还是不行。这里可能有什么问题?

    更新日期:

    整整两天,我试图用HTML创建自己的电子邮件模板。包括这篇文章,我已经读了很多关于这个主题的帖子。作为一名fullstack开发人员,我的经验是,电子邮件开发是一种完全不同的编程方式。如果您想用HTML创建自己的电子邮件模板,请阅读 this 之前

    我和@Gwally建议使用 Zurb Foundation 这是一个响应迅速的前端框架,可以帮助您轻松创建电子邮件模板。准备就绪后,应使用测试电子邮件模板 Litmus .

    简言之用HTML创建自己的电子邮件模板非常困难。这需要很多时间,毕竟您不知道电子邮件模板是否适用于几乎所有的电子邮件客户端。我从 Zurb基金会 而且效果很好;)

    祝你好运

    2 回复  |  直到 7 年前
        1
  •  3
  •   gwally    7 年前

    有很多地方可以找到现代HTML模板作为电子邮件项目的基础。在Stack Overflow中发布了很多建议,可以帮助人们完成项目。重要的是要记住,电子邮件开发不是web开发。这两者都基于HTML,但使用的形式不同。这里有几件事可以让你走上正轨。

    什么有效

    Campaign Monitor提供了一个很好的指南,可以指导电子邮件客户端在电子邮件中的工作方式。

    使用现代模板

    最好的学习方法是看看别人都做了什么,并根据自己的需要加以模仿。我是Zurb基金会的个人粉丝。我曾一次性使用过1.0版本,发现2.0对于解决电子邮件开发中的一些问题很有价值,例如模板一致性。

    提问(&A);阅读答案

    电子邮件开发的最佳资源之一是您现在在堆栈溢出中的位置。有一些专门的专家帮助社区找到了真正好的问题解决方案。

    祝你好运

        2
  •  1
  •   JasonB    7 年前

    基于 CSS classes in email ,您应该使用内联样式来维护电子邮件中的布局。

    你可以看看这篇文章,寻找一些关于如何在电子邮件中获得响应性布局的建议。 https://css-tricks.com/ideas-behind-responsive-emails/ 但您需要以不同于网页的方式来处理它们。