现在的位置: 首页 > 综合 > 正文

css在邮件页面(模板)中的应用及注意点

2012年12月25日 ⁄ 综合 ⁄ 共 892字 ⁄ 字号 评论关闭

转自:http://www.css88.com/archives/1275

作为前端开发工程师经常会碰到邮件页面(模板)的制作,但是要你制作出来的邮件页面支持众多邮件系统展现是非常困难的,一个很简单的页面在众多邮件系统展现可能有

很多的差别,甚至严重变形。在这里我仅仅分享一下自己的经验:

1.关于HTML标签:

很多邮件系统会过滤<html>、<head>、<meta>、<title>、<body>、<style>、<link>,包括html的dtd信息,等;
2.关于CSS的支持可以参考各个邮件系统中的支持情况的统计列表

1.excel格式:http://www.css88.com/book/CSSEmail/CSSEmail.xls

2.PDF格式:http://www.css88.com/book/CSSEmail/CSSEmail.pdf

以上资料来自:http://www.campaignmonitor.com/css/

//以下是文中的部分翻译,水平太差,请见谅:

桌面客户端
这是我们为了2008 CSS 指南 而测试过的Email客户端清单。
今年我们没有看到任何方面的巨大改进(没有大量的更新正在进行)。
但在2008年,Entourage肯定抢到了一些地盘。
希望这是一个来自于Redmond的标志。

网络客户端
以下是8个我们今年测试的基于网络的Email客户端。
我们增加了AOL网络。Mac和新的gmail。
我们曾经对gmail能够改善它的低标准支持寄予厚望,但非常不幸的是
它仅仅带给我们一个简洁的用户界面而已。
更新后的Live Hotmail接口带来了一些CSS的改进,包括支持标签
<head>和<body>中的元素<style>和<link>。

 

建议:

1.使用table布局
由于css在众多邮件系统中支持差异性,建议table布局,可以省去很多布局样式;
2.不要在<body>中写样式;因为这个标签在很多邮件系统中是被过滤,甚至被替换成各个邮件系统中默认的标签和样式;
3.建议把css以style属性插入到每个有样式的标签中,当然这里要充分考虑样式的继承,以免都写重复的样式代码。

 

 

抱歉!评论已关闭.