HTML电子邮件编码

时间:2015-02-25 14:33:39

标签: html email styles

我正在修改由前任设计师创建的html电子邮件模板。它看起来并不适合我:



<html style="margin: 0;padding: 0;border: 0;width: 100%;height: 100%;">
<head>
</head>
<style type="text/css">
&#13;
&#13;
&#13;

我会想到&#39; style&#39;进入&#39; head&#39;和&#39; html style =&#34; ...&#34;看起来很混乱。我不是html电子邮件的专家,只是觉得这里的人可能更有知识 还有一个文件类型吗?

2 个答案:

答案 0 :(得分:1)

这可能是因为许多电子邮件客户端删除了head元素。但是,style元素应该位于body元素中。 html唯一支持的子元素是headbody。当然,即使这样,许多电子邮件客户端也会删除样式元素,因此电子邮件模板中的所有CSS都应该内联以获得最大的兼容性。

答案 1 :(得分:0)

简报代码基于表格,其所有样式都内嵌。像这样的代码看起来很古老,但有充分的理由 - 大多数电子邮件服务不允许正确定位和使用这样的标签整形格式 作为div,section等,这就是为什么使用表来构建新闻通讯。

请参阅:http://freshmail.com/developers/best-practices-for-email-coding/以获取可以和不可以使用样式的参考。该指南还包括有关响应式电子邮件设计的新闻通讯设计人员和开发人员的建议