在内层,放置第二个表格。用来展示内容。第二个table的宽度定为600像素,防止超过客户端的显示宽度。
1 2 3 4 5 6 7 8 9 10 11 |
|
邮件内容有几个部分,就设置几行(row)。
3. 图片
图片是唯一可以引用的外部资源。其他的外部资源,比如样式表文件、字体文件、视频文件等,一概不能引用。
有些客户端会给图片链接加上边框,要去除边框。
1 2 3 |
|
需要注意的是,不少客户端默认不显示图片(比如Gmail),所以要确保即使没有图片,主要内容也能被阅读。
4. 行内样式
所有的CSS规则,最好都采用行内样式。因为放置在网页头部的样式,很可能会被客户端删除。客户端对CSS规则的支持情况,请看这里。
另外,不要采用CSS的简写形式,有些客户端不支持。比如,不要写成下面这样:
1 |
|
如果想表达
1 |
|
要写成下面这样:
1 |
|
5. W3C校验和测试工具
要保证最终的代码,能够通过W3C的校验,因为某些客户端会把不合格属性剥离。还要使用测试工具(1, 2, 3),查看在不同客户端的显示结果。
发送HTML Email的时候,不要忘记MIME类型不能使用
1 |
|
而要使用
1 |
|
发送工具可以考虑使用 MailChimp 和 Campaign Monitor 。
6. 模板
使用别人已经做好的模板,是一个不错的选择(这里和这里),网上还可以搜到更多。
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
HTML的代码书写有哪些规范
怎样用HTML和CSS做出大白
XHTML中有哪些常用的标签
以上就是使用HTML应该如何编写邮件模版的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者