(转)Gmail,你必须了解的12个邮件编码问题
转载地址:http://www.maildesign.cn/archives/1537
1.Gmail 不支持style=” display:none”
2.Gmail不支持内嵌式CSS样式
3.Gmail的链接默认样式是蓝色并带下划线
4.Gmail会将定义高度变成min-height
5.Gmail会忽略margin和padding负值属性
6.Gmail不支持Backgrouds(大部分)
7.Gmail的DOCTYPE会影响line-height
8. Gmail会自动抓取邮件中的电话号码
9. Gmail会自动为未添加链接的URLS和email addresses 添加链接
10.Gmail邮箱提示Html大小不宜超过102k
11.Gmail不支持图像路径中包含空格
12.Gmail的DOCTYPE 在图片下方会增加额外的空间
1.Gmail 不支持style=” display:none”
如果你想在Gmail中隐藏某些内容,很抱歉,你Gmail会忽略掉掉您定义的样式。
style=“display:none”
2.Gmail不支持内嵌式CSS样式
内嵌式(Embedded):可控制一个页面中所有元素的样式表Gmail内嵌的邮件,会将转换成DIV标签,因此像文字字体、字体大小、颜色等属性若定义在头部styleJ及body都将被忽略掉!另外,还需要提醒的是div内并不支持bgcolor。
<head>
<style type=“text/css”>
/*This is for all clients except Gmail,
Gmail gets the same declarations from the body tag */
table, tr, td, p, span {
font-family:Arial, Helvetica, sans-serif;
color:#333; font-size:11px;
}
</style>
</head>
<body style=“margin:0; padding:0; font-family:Arial,
Helvetica, sans-serif; color:#333; font-size:11px;”>
Content
</body>
3.Gmail的链接默认样式是蓝色并带下划线
Gmail默认链接颜色值是:#1155CC 。你可以在A标签中定义其他的颜色来替代Gmail默认链接颜色。但是,请一定要注意Gmail会忽略#000,#000000,和black值。
链接样式定义成红色:
<a href=“http://www.maildesign.com.cn” style=“color:#C00”>test</a>
如果链接定义成#000000,则会被渲染成默认#1155cc:
<a href=“http://www.maildesign.com.cn” style=“color:#000000”>test</a>
为了解决这个问题,你可以选择接近黑色的十六进制颜色,如:#040400
<a href=“http://www.emailonacid.com” style=“color:#040400”>test</a>
下划线
Gmail邮箱中链接默认是有下划线的,不过你可以在标签中自定义链接的下划线样式。
默认有下划线
<a href=“http://www.maildesign.com.cn”>test</a>
自定义无下划线
<a href=“http://www.maildesign.com.cn” style="text-decoration:none">test</a>
4.Gmail会将定义高度变成min-height
Html中代码:
<td style=“height: 20px;”></td>
发送至Gmail邮箱后样式:
<td style=“min-height: 20px;”></td>
几乎很多浏览器,关于Min-height属性值高度与Height所显示的高度并不一样。不过可以通过添加一个 ;或者br 解决!
<td style=“min-height: 20px;”></td>
5.Gmail会忽略margin和padding负值属性
比如:
margin:-40px 10px 0 0
margin:40px -10px 0 0
margin-top: -40px
margin-right: -40px
padding-right: -40px
padding-top: -40px
尽管Gmail不支持负值属性,我们也不建议使用负值,像新版和经典版的Yahoo邮箱也不支持。
6.Gmail不支持Backgrouds(大部分)
比如:
background: #000; /*This will be accepted */
background: #000 url(http://www.test.com/test.jpg); /* This entire line will be ignored */
但是,但是,但是,你还是想给某个区域添加背景颜色或图片,怎么办呢?
写法如下:
<td style=” background: #000; background: #000 url(http://www.test.com/test.jpg);”>
还有一种写法,就是在TD中使用“background”来定义背景图片和颜色:
<td background=“http://www.test.com/test.jpg” bgcolor=”#eeeeee”>
7.Gmail的DOCTYPE会影响line-height
Gmail邮箱中会发现邮件中文本的行高会比实际行高要高。
解决方法一:将内容放置在段落标签中,代替用单个font或者span定义
解决方法二:在td定义行高和(或者)字体大小
8. Gmail会自动抓取邮件中的电话号码
桌面端或移动端的Gmail,都会自动给电话号码添加一个锚链接。在桌面Gmail版中,Google的链接可以直接在右侧打开语言或在线聊天平台。
9. Gmail会自动为未添加链接的URLS和email addresses 添加链接
也就是说你并不想给某个Url或email addres添加链接,但Gmail会自动帮你添加。
比如,某个段落中包含name@test.com,Gmail会转化成链接:
­212­-389­-3934
下面有2种修正方法:
1) 使用HTML 字符实体代替特殊符号,如下:
插入连字符 ­
<a href=“mailto:name@test.com”> name@test.com</a>
www.maildesign.com.cn 可以写成
www.maildesign­.com
http://www.maildesign.com.cn 可以写成
http:­//www.maildesign­.com
2)添加标签,但herf值等于#
<a href=’#’ style=“color:#000; text-decoration:none”> test@test.com</a>
10.Gmail邮箱提示Html大小不宜超过102k
当你的邮件大小超过102K,Gmail将会出现提示信息:
[Message clipped] View entire message
当用户想继续阅读邮件,你的邮件将会在新的窗口打开。如果你的邮件大小接近102k,你可以通过删除邮件中不必要的空格,回车,说明等。
同时,我们建议您发送Html文件时,嵌入附件如图像,文件等。
11.Gmail不支持图像路径中包含空格
Gmail邮箱不支持图像路径中包含有空格,可以使用下划线或破折号。
请检查你的图像路径是否是绝对路径,如果仍然无法解决的的话,可能由于你的超文本传输协议是以https://开头,可以尝试使用HTTP。
12.Gmail的DOCTYPE 在图片下方会增加额外的空间
类似第7点,这个空白是由于DOCTYPE所引起。下面有几个方法可以解决这些问题:
1.给图片标签添加样式 display:block
<img src=“test.jpg” style=“display:block”>
2.给图片img添加align属性值absbottom
<img src=“test.jpg” align=“absbottom”>
3.给图片添加样式align属性值texttop
<img src=“test.jpg” align=” texttop ”>
4.TD添加行高10px或更小
<td style=“line-height:10px”>
5.TD添加字体大小6px或更小
<td style=“font-size:6px”>
更多解决方法,点击这儿