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

时间 2019-11-11

原文原文链接

转载地址：http://www.maildesign.cn/archives/1537css

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 在图片下方会增长额外的空间html

1.Gmail 不支持style=” display：none”
若是你想在Gmail中隐藏某些内容，很抱歉，你Gmail会忽略掉掉您定义的样式。浏览器

style=“display:none”

2.Gmail不支持内嵌式CSS样式
内嵌式(Embedded)：可控制一个页面中全部元素的样式表Gmail内嵌的邮件，会将转换成DIV标签，所以像文字字体、字体大小、颜色等属性若定义在头部styleJ及body都将被忽略掉！另外，还须要提醒的是div内并不支持bgcolor。wordpress

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

为了解决这个问题，你能够选择接近黑色的十六进制颜色,如：#040400url

<a href=“http://www.emailonacid.com” style=“color:#040400”>test</a>

下划线
Gmail邮箱中连接默认是有下划线的，不过你能够在标签中自定义连接的下划线样式。
默认有下划线spa

<a href=“http://www.maildesign.com.cn”>test</a>

自定义无下划线code

<a href=“http://www.maildesign.com.cn” style="text-decoration:none">test</a>

4.Gmail会将定义高度变成min-height
Html中代码：htm

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

更多解决方法，点击这儿