Html Email 邮件html页编写指南

HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HTML 展示。

在桌面和移动端渲染电子邮件大约有上百万种不同的组合方式。

尤其是鼎鼎大名的 OutLook，从 OutLook2007 开始便使用 Word HTML 引擎进行渲染，为了它的安全性从而使得整个邮件倒退回了 2000 年前，为了邮件的兼容性你不得不使用很多废弃的标签、属性，并且这一状况将会维持无数个

年头，因为虽然万事终有尽头，但 OutLook 始终存在。

因为微软一向地特立独行，使得 OutLook 成为了最难啃的骨头。因为 OutLook 支持的标签和属性少得可怜，所以只要兼容了 OutLook，其他邮箱客户端基本都不会有什么问题。

使用tableb布局

这几乎是 HTML 邮件与普通 HTML 页面最大的区别，因为各个邮箱对 div + css 这一套布局的解析问题很大（如 float / position 等 CSS 都会被过滤，甚至 margin: 0 auto都不起作用），基本各大邮箱都会解析混乱，所以老式的 table 布局是上乘之选。这就意味着 HTML 邮件中几乎只有这几个元素——table / tr / td / span / img / a，尽量避免使用 div / p 或是其他标签。

而且并不是所有邮箱都支持 colspan / rowspan 属性，所以所有布局都需要使用 table 嵌套解决。

1.Doctype

目前，兼容性最好的Doctype是XHTML 1.0 Strict，事实上Gmail和Hotmail会删掉你的Doctype，换上这个Doctype。

使用这个Doctype，也就意味着，不能使用HTML5的语法。

2.布局

网页的布局（layout）必须使用表格（table）。首先，放置一个最外层的大表格，用来设置背景。

基本html

3.图片

图片是唯一可以引用的外部资源。其他的外部资源，比如样式表文件、字体文件、视频文件等，一概不能引用。

有些客户端会给图片链接加上边框，要去除边框。

需要注意的是，不少客户端默认不显示图片（比如Gmail），所以要确保即使没有图片，主要内容也能被阅读。

4.行内样式

所有的CSS规则，最好都采用行内样式。因为放置在网页头部的样式，很可能会被客户端删除。客户端对CSS规则的支持情况，请看这里。

另外，不要采用CSS的简写形式，有些客户端不支持。比如，不要写成下面这样：

如果想表达

要写成下面这样：

相关文章

HTML 邮件兼容问题与解决方案

首先，我们来说一下如何发送HTML邮件。

发送图文HTML邮件很简单，发送方法如下：

首先，复制邮件代码，然后打开自己的邮箱，转换为代码输入方式，粘贴代码，就可以发送邮件了。详见下图（图1为QQ邮箱，图2为163邮箱）。

接下来，我们再说一下如何制作图文HTML邮件。

制作图文邮件如果是自己写代码，那就太难了，反正有很多坑，如果不是专业人员，就不要自己写了。

难道没有其他办法了，有的，那就是使用别人做好的现成的平台来写HTML邮件，跳过写代码这一步，这样做邮件就很简单了，可以说人人都会。具体怎么做，请自行百度搜索“图文并茂+邮件”，就能找到自己的制作方法了。

附：相关概念：

什么是html格式邮件？

HTML邮件就是使用HTML标记来写的邮件。

就邮件类别来说，纯文本邮件和HTML邮件没有区别，都是邮件，但是后者内容和形式更加丰富，可以有颜色、链接和图片，就象一个彩色的图文彩页，表现力更强。

就本质来说，HTML实际上它就是一个网页，但又不同于网页，因HTML邮件要求兼容性必须更好，否则就有可能存在错位无法观看的风险。

那么HTML制作是不是很难呢？从专业写代码的角度说，确实艰难，代码、兼容性、各种邮箱的差异性均有可能造成邮件乱码和错位，达不到展示效果。

实际上难不难关键在于你的着眼点，在于你的解决问题的方法。如果你的方法使用正确了，HTML邮件的制作又是艰简单的，因为他们都跳过了写代码，所以适合普通人使用，网上有很多类似的平台，请自行百度搜索“图文并茂+邮件”就会找到适合自己的制作图文邮件的方法，提高制作效率。

Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

E-mail－－－电子邮件

Internet中最为流行的一种通信形式就是电子邮件，它是一种通过网络与其他用户进行联系的简便、迅速、廉价的现代通讯方式。它不但可以传送文本，还可以传递多媒体信息，如图象、声音等。在通常情况下，一个独立的网络中邮件在几秒钟之内就可以送达对方。如果把消息送到几千英里以外的地方，这个时间通常在1分钟以内。但具体的时间将取决于Internet传输线路中的拥挤程度，以及发送和接收计算机的繁忙程度。邮件收发双方不必在同一时间进行通讯，这就可能使很急迫的信息得不到及时回复。

---