Html Email 邮件html页编写指南

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

丁青网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

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

尤其是鼎鼎大名的 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格式(扩展名改成html),然后在邮件附件里添加文件就行了.

以邮件形式发送的html5内容怎样查看？

您好，您可以将邮箱里面的内容复制出来，新建一个后缀名为.html的文件然后放置进去运行就可以了哦。 谢谢 望采纳

html5制作的网页，能否调用智能手机上的电子邮件。

可以通过a href="mailTo..."/a实现，但如果需要标题或者抄送，这个标签就不管用了，但你可以了解下h5的device api，可以直接调用底层设备的接口。

分享文章：html5邮件,邮件 html
当前地址：http://scyanting.com/article/dsdcije.html