发送HTML电子邮件时的代码位置

Question

我正在试图弄清楚在电子邮件中放置一些代码的位置。您知道如何通过样式和图像等获取新闻简报吗？我想发送一些，但我不知道在哪里放置代码。您是否将图像添加为附件？你把代码放在体内吗？ 或者你也应该上传.html文件吗？

Answer 1

将页面构建为普通HTML页面。使用TABLES（是的， TABLES ）进行布局。您可以使用内联CSS，但不能使用样式表。所有图片必须完全合格（http://yoursite.com/images/）。不要使它宽于约650像素。没有JavaScript。

• 在浏览器中查看您的简报HTML
• 执行全选，然后复制
• 将其粘贴到新邮件中并发送给自己
• 查看最终结果
• 尝试其他邮件客户端

各种邮件客户端会破坏您的标记和样式。适用于Gmail的内容在Outlook等上看起来就像是大便。这将是一种挫败感。测试，测试，测试。

假设用户最初查看电子邮件时不会显示所有图像。

这是一个有效的指南，有效的指南是什么：

http://www.campaignmonitor.com/css/

我的建议：保持简单 - 徽标和一些文字以及指向真实简报的链接。制作电子邮件简报是一门艺术，坦率地说，人们更喜欢在浏览器中阅读它们，就像网页一样。

Answer 2

发送HTML电子邮件吗？

您可能会遇到很多问题，主要是围绕每个电子邮件客户端有各自不同的处理方式。这样做的目的是让您的电子邮件尽可能小巧，简单，不间断。

• 消息：

每种语言都有自己的要求，你需要检查你正在使用的语言，看看哪些更容易，作为邮件脚本的一部分内联，或者通过HTML文件插入等等。所以有关详细信息，请发布您正在使用的语言。

• 的布局：

这就是消息简单性的地方。最好的布局通常是最简单的布局，特别是考虑到并非所有电子邮件客户端都符合100％HTML标准。您不会知道客户端的电子邮件查看窗口有多大，也不能强制它为任何大小或弹出它。请记住，它的目标是成为一条消息，而不是一个网页。如果你有比简单段落更先进的东西，通常简单的灵活/弹性表就可以了。

• 图片：

静态链接所有内容（静态意味着http:\\www. ....mypicture.png，而不是从您的服务器托管的动态链接，如此\images\mypicture.png）。这样做的原因是您没有断开的链接，您的电子邮件将会更小（与支持相反）。缺点是一些客户可能会询问有关显示图片的问题。冷酷的事实是，无论您使用哪种方法，这都是无法避免的（见for more details）。

• 的链接：

再次，静态链接所有内容。本地/动态链接不起作用，您的收件人将会非常不高兴。

• 的 CSS

要么将CSS类放在顶部，要么将所有内容放在最前面（< ... style="..." />）。你不想附加一个CSS文件，这是一个混乱和非传统的。

• 的脚本

内联或文件顶部，原因与上述相同。

• 其他文件

如果您想要包含PDF或DOCX等，最好和最常用的方法就像图像一样，在您的服务器上托管，只需在您的电子邮件中包含静态链接即可。它可以减小文件大小，您不必担心每个电子邮件浏览器/阅读器将要执行的操作。