转载地址：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&#173;-389­-3934 

下面有2种修正方法：
1) 使用HTML 字符实体代替特殊符号，如下：
插入连字符 &#173

<a href=“mailto:name@test.com”> name@test.com</a> 

www.maildesign.com.cn 可以写成

www.maildesign&#173;.com 

http://www.maildesign.com.cn 可以写成

http:&#173;­//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”> 

更多解决方法，点击这儿

(转)Gmail,你必须了解的12个邮件编码问题的更多相关文章

  1. 使用AWS亚马逊云搭建Gmail转发服务（一）

    title: 使用AWS亚马逊云搭建Gmail转发服务(一) author:青南 date: 2014-12-30 15:41:35 categories: Python tags: [Gmail,A ...

  2. gmail邮箱怎么批量删除邮件

    转载:http://jingyan.baidu.com/article/9f7e7ec056cbcd6f2815543c.html 首先打开gmail邮箱,随便打开一封邮件,找到发件人邮件地址,复制, ...

  3. 如何使用Gmail的别名功能？

    Gmail真的是一个很好的邮箱,一直是我的最爱!它有一个很独特的功能-别名,用这个功能,我们就可以把一个 邮箱当成很多个邮箱来使用了! 1.Gmail 不提供传统别名 ,但是你可以收到发送到 your ...

  4. CI框架使用PHPmail插件发送QQ邮件：

    有助请顶,不好请评.0:33 2016/3/12CI框架使用PHPmail插件发送QQ邮件:发送成功,不过修改了主机参数,还包含了一个phpmail中的一个另外的文件,详见下方:参见:http://c ...

  5. ASP.NET Core的配置（3）： 将配置绑定为对象[上篇]

    出于编程上的便利,我们通常不会直接利用ConfigurationBuilder创建的Configuration对象读取某个单一配置项的值,而是倾向于将一组相关的配置绑定为一个对象,我们将后者称为Opt ...

  6. 恶意软件/BOT/C2隐蔽上线方式研究

    catalogue . 传统木马上线方式 . 新型木马上线方式 . QQ昵称上线 . QQ空间资料上线 . 第三方域名上线 . UDP/TCP二阶段混合上线 . Gmail CNC . NetBot两 ...

  7. Get the Uniqueid of Action Originate in the AMI

    [asterisk-users] Get the Uniqueid of Action Originate in the AMI Adolphe Cher-Aime acheraime at gmai ...

  8. linux内核调试指南

    linux内核调试指南 一些前言 作者前言 知识从哪里来 为什么撰写本文档 为什么需要汇编级调试 ***第一部分:基础知识*** 总纲:内核世界的陷阱 源码阅读的陷阱 代码调试的陷阱 原理理解的陷阱 ...

  9. python 各模块

    01 关于本书 02 代码约定 03 关于例子 04 如何联系我们 1 核心模块 11 介绍 111 内建函数和异常 112 操作系统接口模块 113 类型支持模块 114 正则表达式 115 语言支 ...

随机推荐

  1. Intellij IDEA 开启自动保存功能

    IntelljJ IDEA关于文件自动保存功能主要有两种方式: 切换到其他应用时保存变化(默认使能) 设置路径:Settings >> Apperance & Behavior & ...

  2. thuwc2018 爆炸记

    从没考过这么差,必须好好总结一下.. $day1$: 上午到了雅礼洋湖,下午就开始考试.. 食堂饭菜还是很不错的,听说都是雅礼自己垫的? 下午的$day1$爆炸了.. 开考以后看了一下三个题,感觉一开 ...

  3. 【REACT NATIVE 系列教程之十二】REACT NATIVE(JS/ES)与IOS(OBJECT-C)交互通信

    http://blog.csdn.net/xiaominghimi/article/details/51586492 一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解R ...

  4. 在编译器中调试spark程序处理

    在IDEA中调试spark程序会报错 18/05/16 07:33:51 WARN NativeCodeLoader: Unable to load native-hadoop library for ...

  5. cv2.resize

    import cv2 img = cv2.imread('0_116_99_355_0.jpg') # 方法一: # res = cv2.resize(img,None,fx=2,fy=2,inter ...

  6. 【[HNOI2005]狡猾的商人】

    加权并查集 由于给出信息的是一些一个区间的和为多少,我们显然并不好处理出每一个点应该为多少,这我们根本做不到 但是我们想一下,如果要求一个区间\([l,r]\)的和,那么我们是不是可以利用前缀和\(p ...

  7. PHP------析构方法

    析 构 方 法 封装,有一个叫构造函数 和构造函数对应的还有一种方法叫做析构. class ren    //一个类 是 人类 { public $mingzi ://成员变量 punction__d ...

  8. Windows下我喜爱的那些体积小但功能强大的软件

    我还是开门见山的说吧,接下来我给你大家介绍一些Windows上一些小软件,涉及到图片编辑,浏览器下载,文件搜索,音乐下载,文本编辑,视频录制等方面! 一:WinZIP中国 平常我们难免会遇到各种解压压 ...

  9. VS2008 工具栏CMFCToolBar的使用总结（转）

    (一)自定义工具栏 自定义工具栏,分两种情况:一是直接添加工具栏,并自己绘制图标:二是,添加工具栏,然后与BMP关联,与VC6.0中的自定义彩色工具栏类似. 1.  自绘工具栏 1)添加Toolbar ...

  10. 金融新手投标模块布局小Demo

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...