javascript - 如何使用 HTML 和 CSS 为 gmail 制作电子邮件模板

标签 javascript html css email html-email

我想知道如何使用 HTML 和 CSS 设计电子邮件模板,然后将其整合到电子邮件中。我想像其他公司发送确认电子邮件和时事通讯时那样做。

最佳答案

无论您是喜欢手动编写电子邮件,还是使用预先存在的模板,在创建 HTML 电子邮件时都需要牢记一些规则:

  • 在布局中使用表格
  • 固定宽度定位(用于非响应电子邮件)
  • 像素单位
  • CSS 的可能性(查看下面的 CSS 终极指南链接)
  • 内联 CSS
  • anchor 链接最佳实践
  • 在所有主要客户中测试
  • 始终提供基于网络的 View
  • 添加图片内容
  • 避开垃圾邮件文件夹!
  • 添加取消订阅选项

查看这些站点以获取有关此主题的更多信息:

How to Code HTML Email Newsletters

9 Tricks to Design The Perfect HTML Newsletter

How To Code An Email Newsletter in 6 Simple Steps

The Ultimate Guide to CSS - 每个流行的移动、Web 和桌面电子邮件客户端的 CSS 支持的完整分割

关于javascript - 如何使用 HTML 和 CSS 为 gmail 制作电子邮件模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26187838/

相关文章:

javascript - 在页面加载时运行 Javascript 代码

javascript - 在 Raphael javascript 库的 Raphael 集合中嵌套 Raphael 的集合

JavaScript 图像被 CORS 阻止

html - 页脚 div 文本不会对齐

javascript - 使用 jQuery 使一个 div 飞入另一个 div

html - 具有固定宽度的行内 block 内有空格的文本创建新行

javascript - 运行多个测试时,rxjs/redux observable Actions 以错误的顺序调度

Javascript 断言库 - chai 与 check-types

HTML 表单标签,实际的默认事件或行为是什么?

右侧 float 下的 CSS