一般上过网,有邮箱的都收到过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">
简单的说就是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">

浙公网安备 33010602011771号