您可以为电子邮件中的丰富HTML格式提供哪些指导,同时在许多客户端和基于Web的电子邮件界面中保持良好的视觉稳定性
关于Stack Overflow问题的一个不相关的答案表明:
http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html
其中包含以下准则:
<body>而不是<head><head>或中<body>,还是使用该style=""属性分配的荣誉内联样式我也有一些"未经证实"的事实,我不记得我在哪里阅读它们.
我想从战壕中获得更多的指导和经验,充实这份清单.
你能提供进一步的建议吗？
更新:我特别要求HTML中的设计部分指南和一致性.有关避免垃圾邮件过滤器的一般准则以及常见礼节的问题已经在SO上.
我已经开发了十多年的网站了,但很快就发现,在为电子邮件客户开发时,我开发网络的许多习惯都没用.这让我感到非常沮丧,所以我想我会提出一个问题,希望能够为像我这样的人发现最佳实践和必要的考虑因素,这些人可能会不时地设计gmail,outlook等.
示例: <style>...</style> vs内联CSS.
简而言之:什么从网络世界转移到电子邮件世界,什么没有.
我正在尝试float: left一些表,但刚遇到一个主要问题,outlook不支持float.好吧,然后我尝试使用表格对齐等等,但没有运气.这些桌子只是在彼此之下,而不是彼此相邻.人们可以做些什么吗？
PS:它适用于其他设备就好了,它唯一的Outlook,我不能给每个表一个td,因为它会打破其他一些东西.
标记:
<table class="products">
<tr>
<td align="left" class="test">
<!-- Product 1 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 2 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 3 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<span class="clear"></span>
</td>
</tr>
</table>