爱它或恨它,不可否认 HTML 电子邮件的流行。而且,就像之前的网络一样,收件箱已经正式移动化——超过 50% 的电子邮件打开发生在移动设备上。
那么考虑到电子邮件 HTML 是如何吸吮的,电子邮件真的可以响应吗?
爱它或恨它,不可否认 HTML 电子邮件的流行。而且,就像之前的网络一样,收件箱已经正式移动化——超过 50% 的电子邮件打开发生在移动设备上。
那么考虑到电子邮件 HTML 是如何吸吮的,电子邮件真的可以响应吗?
那么电子邮件真的可以响应吗
简单回答你的问题..是的
HTML 电子邮件在某种程度上属于网站的相同规则,但通常它们更难处理,并且仍然依赖于使用<table>
标签的陈旧过时的代码样式。当我开始编写 HTML 电子邮件时,我希望 Web Design Tuts有一篇很棒的文章。
关于本教程的一点是它讨论了如何创建响应式电子邮件,并且在创建 HTML 电子邮件时的一个重要注意事项是 CSS 必须在最后内联。它确实讨论了如何针对 Yahoo 定位 CSS,body[yahoo] .class {}
并且他们确实参考了 Tina Ye 关于“响应式 HTML 电子邮件:不同的策略”的文章。
由于 Webdesign Tuts 的文章没有详细介绍 Tina 的文章,我建议您阅读它,因为她介绍了移动优先设计方法,并展示了如何为 Lotus 8、Outlook 00-03、Outlook 2007+ 和 Apple 进行设计:
<!--[if IE]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
</td>
</tr>
</table>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
@media only screen and (min-device-width: 541px) {
.content {
width: 540px !important;
}
}
如果您在 Google 上搜索响应式电子邮件模板,则Mashable有一篇名为“ 32 个适合您的小型企业的响应式电子邮件模板”的文章。
它确实讨论了您的电子邮件的免费和付费模板,并且它确实进入了 Zurb,如果您使用 Foundation 进行网页设计,我会推荐它。
他们肯定可以!这是一个可用于制作响应式 HTML 电子邮件的模板:http: //zurb.com/ink/。从头开始创建 HTML 电子邮件需要大量有关电子邮件客户端如何解析电子邮件的知识。此模板可确保您的电子邮件在所有电子邮件客户端上正确显示。
您需要做的就是用您的电子邮件替换文件的内容,并通过您的应用程序中处理发送电子邮件的脚本运行此文件。
是的,你可以,但除非你对此有极大的热情,否则不要打扰。想象一下为 IE5 编码并且必须对其进行测试。为这种事情购买模板可能比自己定制解决方案更好。