设计电子邮件的正确做法是什么,并且合理地期望它将在Outlook 2003,2007和Webmail客户端中正确显示？我订阅了各种电子邮件新手,并查看了它们的来源,并看到其中一些有2000行HTML和CSS以及我以前从未见过的IF语句(我假设与确定outlook的版本相关).
是否有可用于创建标记的免费或商业工具？关于如何应用我见过的这些巨大样式表,是否有标准模式？
小智 6
Oy公司.这样可怕的答案.
看到？当每个人都认为使用表而不是css是某种禁忌时会发生这种情况.每个人都在限制自己的CSS傲慢和精英主义.当所有人都是锤子时,一切看起来像钉子.难以置信的.
一张海报上写道:"那是我的出发点,即使这也不可靠,即使是一个固定宽度的简单单列表也会搞乱,表格单元格无缘无故地扩展到宽度之外."
固定宽度是让你遇到麻烦的原因.600像素的固定宽度表显然比400像素的电子邮件查看窗口/区域宽.它不展开更广泛,它IS宽.[啧]
无法预测收件人的电子邮件查看窗口/区域的宽度.因此,创建一个表,但将其宽度设置为100%,而不是一定数量的像素.并将其高度设置为"自动".使其填充漂亮和宽... 7至10像素,最小.
然后像往常一样只做那个表中的所有内容,但坚持使用vanilla HTML4,避免使用XHTML,DHTML,XML,java,javascript等等.只需HTML4.也没有CSS.只是HTML4.期.
使用可以使用普通http:// URL链接到某个Web服务器上的图像,然后使用普通的img标记链接到它们,将图像的整个URL(包括http://部分)放在它们之间报价,如......
src ="http://www.website_url.com/filename.jpg"(或.gif或其他)
...并避免使用"alt"功能或任何花哨的功能.
如果你想严格控制字体大小,那么不要犹豫使用"span"标签,因为它几乎适用于每个电子邮件客户端......只是不要太喜欢它.
也不要让你的图像太大...特别是,不要做任何"标题"或顶部图像太宽.如果图形宽度为600像素且收件人的电子邮件查看器宽度为400像素,则将表格宽度设置为自动将无济于事.使用可以很好地嵌套在电子邮件消息的左上角的图形; 并使用相当小的照片和其他图形.
做到这一切,您应该发现电子邮件在几乎每个电子邮件客户端看起来都一样.使用......仔细检查
http://litmusapp.com/email-previews
......作为另一张海报,在这里,建议.
希望有所帮助.