如何创建 HTML e-mail 模板?

How to create a HTML e-mail template?

之前我发布了 here 一个关于如何让两个表响应的问题。起初他们回答说我不应该使用 <table> 而不是 <div>,但后来他们说我需要使用旧样式 <table>,因为它将是一个 e-mail 模板.

毕竟我正在将 header 转换为表格中的旧样式,结果它在浏览器中看起来还不错,但是通过 e-mail 发送后就完全乱七八糟了再次起来(我的 phone 除外)。现在我正在使用旧样式,但仍然不起作用。这可能是什么问题?

更新:

整整两天,我尝试在 HTML 中创建自己的 e-mail 模板。包括这个我已经阅读了很多关于这个主题的帖子。我作为全栈开发人员的体验是 e-mail 开发是一种完全不同的编程方式。如果您想在 HTML 中创建自己的 e-mail 模板,请先阅读 this

@Gwally 和我建议使用 Zurb Foundation which is a responsive front-end framework who will help you to create an e-mail template in a easy way. After when you are ready, you should test your e-mail template with Litmus.

简而言之;在 HTML 中创建自己的 e-mail 模板非常困难。这需要很多时间,毕竟您不知道 e-mail 模板将适用于几乎所有 e-mail 客户。我从 Zurb Foundation 开始,效果很好 ;)

祝你好运!

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

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

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

有效方法

Campaign Monitor 提供了有关在电子邮件中使用电子邮件客户端的方法的出色指南。

使用现代模板

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

提出问题并阅读答案

电子邮件开发的最佳资源之一就是您现在在 Stack Overflow 中的位置。有一些敬业的专家帮助社区提供了非常好的问题解决方案。

祝你好运。