制作html邮件的注意事项

一般上过网，有邮箱的都收到过html邮件，那么html邮件与普通邮件有什么不同呢？
简单的说就是html邮件是用html代码编写后的页面，通过邮件发送出去的邮件！
要做好一个html邮件说难也不难，说容易也不容易！
只要你有一些html和css基础，就能够很容易的写一个html邮件。
但是要做到所以的邮箱都兼容，那就不是一件简单的事情了。
因为邮箱或多或少都会在后台进行代码过滤，至于过滤掉什么，各个邮箱又都不一样，所以很难做到兼容。
接下来就来说说制作html邮件的一些建议！

1、不要使用js、flash，这些代码几乎是不可能存活的。

2、如果可以的话，尽量使用table布局，因为float、position这些属性并不是每个邮箱都有效果的。

3、不要使用外链的css，外链文件不起作用，html邮件<head></head>里面的代码会被过滤掉。

4、把CSS都用style属性，什么元素需要什么样式就用style写内联的CSS。
这样做的好处是保证css能够被解析。如果是通过在页面中写<style>标签，邮箱的支持不一。
有的邮箱是通过iframe嵌入邮件，例如网易。熟悉HTML的朋友都知道，iframe内容是作为独立的document，
与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对待。所以这类的邮箱<style>标签可能不会被过滤。
有一些则是直接被布局在页面的某个div中。例如gmail就是这样做的。这样页面中的<style>标签为什么被过滤掉也就不难理解了。

5、尽量少用图片，邮箱不会过滤你的img标签，但是系统往往会默认不载入陌生来信的图片，如果用了很多图片的邮件，在片没有载入的情况下，丑陋无比甚至看不清内容，没耐心的用户直接就删除了。图片上务必加上alt属性。

6、图片要用绝对地址。例如<img src="http://www.cll.socss.cn/logo.gif">
而不能用<img src="logo.gif">

文章出自：前端开发窝

本文地址：http://cll.studyba.org/html/2012/0224/22.html