(转)Gmail,你必须了解的12个邮件编码问题

最新推荐文章于 2022-03-20 08:56:00 发布

chuoju6113

最新推荐文章于 2022-03-20 08:56:00 发布

阅读量1.5k

点赞数

原文链接：https://my.oschina.net/mafeifan/blog/697738

版权

转载地址：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所显示的高度并不一样。不过可以通过添加一个&nbsp；或者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 字符实体代替特殊符号，如下：
插入连字符 &#173

<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”>

更多解决方法，点击这儿