html邮件格式完整规范,邮件模板css及html设计规范

邮件模板规范

邮件模板，请严格按照下面的规则执行。邮件客户端和Web页面的需求不一样，在编写代码的时候，考虑的方向也不同。

任何同窗，有什么问题，能够在下面提出。

!Doctype声明

为了向前兼容和避免某些浏览器的怪癖，使用html5的!doctype声明，格式以下：

原则，及思惟出发点

1. 不须要考虑DOM节点的精简和结构的优化。

以完成设计样式为最优先。必要时，没必要吝啬使用表格嵌套，没必要吝啬使用空的表格元素来占据空间。

2. 宁肯冗余，也不可缺乏必要定义。

3. 充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等

4. 可替代性：

在编写html的时候，请思考当你页面的全部图片都被屏蔽时，是否用户还能了解页面的主要内容。

请务必在全部要设置背景图片的元素上，定义背景颜色。

5. 可利用Dreamweaver等工具来协助编写html，但切记，必定要时候作好每行代码的检查。

Mackup

1. 主体页面，包括细节处理，尽可能使用

2. 不容许在

元素上定义CSS样式，请将样式尽可能定义在元素上。(Gmail等邮件客户端会过滤上的属性)

3. 禁止使用

可是，

咱们仍然能够使用

但，必须使用表格和元素样式来完成全部基本样式和布局。

4. 禁止使用来加载外联CSS

5. 能够使用

来实现细节的，具备典型块级元素(block)的布局样式。而尽可能避免使用

，由于咱们不容易清除

在不一样浏览器的默认样式

6. 注意定义图片的替换文字(alt)，及替换文字的颜色。

样式

1. 文字的处理。

font-* 族的CSS属性不容许使用缩写，请分别定义 font-size, font-weight, line-height, font-family(font-family有可能被过滤)

2. 继承性

注意表格不会继承外部的font等属性，请务必，在每一个

元素上都定义字体属性和颜色。

3. 背景的处理

不容许使用style="background:url(http://...)"，请使用

的属性(attribute) background=“http://...”。(因为CSS背景图片是一种会影响页面渲染速度的定义，所以大多数Web邮件系统会过滤它。)

背景颜色，也请使用表格的bgcolor属性。

4. 对于复杂样式的处理，能够大胆地、大块地切图。

5. 避免尝试让两个table-cell的元素对齐，若是, 一个元素是用具体的宽度定义(width="100")，另外一个元素是用百分比来定位( width="50%")

6. 避免使用list-style来处理列表样式，请使用 “ • ” 字符来替代。

7. 避免使用元素拼接的方式，来实现背景大图的分割，尽可能使用表格的background

咱们知道，在元素下4px空白的问题。

禁用的，和不建议使用的CSS样式(见参考文献1)

这些样式，大都是可能引发元素偏移到容器外的样式

禁止使用 position, background, float

特别说明：

margin: margin的使用要很是谨慎，不容许使用margin做为重要的布局依据，不容许使用负margin，避免使用非零和非auto的margin属性。

图片版本控制(点评网业务需求)

若是邮件模板中的图片，使用 CDN 网络地址——如 http://i3.dpfile.com/.../abc.png——那么，更新这张图片的时候，请联系DBA(数据库工程师)刷新该图片的版本号。

而且，在新的邮件模板中，将该图片的版本号加1，好比：

将 http://i1.dpfile.com/.../edm/top.png 更新为 http://i1.dpfile.com/.../edm/top.v1.png

将 http://i1.dpfile.com/.../edm/bot.v12.png 更新为 http://i1.dpfile.com/.../edm/top.v13.png

常见问题

1. 如何让邮件在Gmail等Web页面中居中

有几种方式：

a> 在 body上定义style="width:apx; margin:auto"。注意，在Web邮件中，会自动为你生成一个

的元素在最外层。(能够有效利用这一特性，定义背景颜色等样式，和实现其余可能的事情)

而不要尝试本身在邮件模板最外层添加一个带有margin:auto的

元素。

b> 使用

2. 如何在邮件的布局中占据空白

请使用空白的

元素，设置height属性来起到站位的做用。css

html邮件格式完整规范,邮件模板css及html设计规范相关推荐

python编辑邮件格式_python3-邮件发送-不同格式
0x00 邮件格式要发邮件,总要先了解邮件格式吧,这里指的是邮件的各个部分与python中SMTP所对应的一些必须的格式 0x01 简单发送邮件格式如下: import smtplib from e ...
python 收发邮件_python发送各类邮件的主要基本方法
利用python实现基本的邮件发送. 感谢以下博客的整理,本人在学习的同时也做了一些整理一.相关模块介绍发送邮件主要用到了smtplib和email两个模块,这里首先就两个模块进行一下简单的介绍: ...
中文邮件营销html模版,怎么制作邮件营销模板？— —邮件格式
怎么制作邮件营销模板?- -邮件格式 U-Mail邮件营销平台发表时间 2017-09-21 人气 757次做EDM邮件营销,需要有好的邮件群发工具,还要有好的内容,那么如何制作好邮件营销的模板呢 ...
中文邮件格式模板、工作汇报邮件模板这样写，90%人都爱看
时常收发邮件的人都知道,邮件书写格式是一件很讲究的事,所以大家都要掌握基本的邮件格式模板. 如何书写一份得体的邮件? 原则:有礼貌.讲重点.条理清晰称呼:通常根据职位来称呼,xx经理.xx总.xx老 ...
MIME协议及源邮件格式分析
转载链接:http://wenku.baidu.com/view/7246de671ed9ad51f01df277.html 电子邮件也许是一个Internet上的流行最广泛的应用.也是我们现在的大多 ...
MailRaider Pro for Mac(Outlook邮件格式转换工具) v3.5.0永久激活
MailRaider Pro for Mac是Mac系统上Outlook邮件格式转换工具,MailRaider Pro Mac版可以帮助用户在Mac电脑上打开 Outlook 邮件及附件,允许用户在M ...
EML文件(MIME邮件)格式分析
电子邮件普遍遵循的邮件技术规范. MIME邮件由邮件头和邮件体两部分组成. 邮件头包括:标题,送信人,收信人,创建日期,邮件体内容类型和邮件体编码方式等内容. 邮件体包括:正文,超文本,内嵌数据和附件 ...
MIME邮件格式说明
摘要 MIME是目前互联网邮件普遍采用的格式标准,本文通过对MIME邮件格式规范的分析和说明,给出了从邮件中提取其所含各种信息的基本方法. 关键词 MIME.邮件.格式 ...
MIME邮件格式分析及信息提取
原帖地址: http://www.ahcit.com/lanmuyd.asp?id=2297 MIME邮件格式分析及信息提取孙涛 (南方医科大学网络中心,广东省广州市 510515) 摘 ...
smtp邮件格式（附件）
已经厌倦了给你的朋友和客户发送那些单调乏味的文本通知和信件了吗?曾经考虑过发送附件或在邮中嵌入HTML吧答案就是MIME.接下来的几页解释了MIME的基础知识,创建符合MIME的信息,然后用一个可以 ...

html邮件格式完整规范,邮件模板css及html设计规范

html邮件格式完整规范,邮件模板css及html设计规范相关推荐

最新文章

热门文章