- 浏览: 123032 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (111)
- 资料总结参阅 (2)
- To Study List (2)
- notepaper (2)
- linux学习 (32)
- linux学习-included (3)
- 开源框架-Hibernate (2)
- 开源框架-Ibatis (1)
- JEE整理 (25)
- JEE Server参考 (5)
- 开源框架-Spring (1)
- 硬件知识 (5)
- 开发环境搭建及管理 (7)
- linux软件工具 (2)
- 数据库 (8)
- 各类文档参考 (1)
- 开源框架-Netty (1)
- 性能调优 (1)
- DP相关 (1)
- 软件知识 (3)
- 脚本语言-python (2)
- 脚本语言-perl (1)
- 分布式 (2)
最新评论
-
zhuxinhua:
谢谢,,这东西真不容易找啊。。
JBoss配置---收集中...
by dp corp.
邮件模板规范
邮件模板,请严格按照下面的规则执行。邮件客户端和Web页面的需求不同,在编写代码的时候,考虑的方向也不一样。
任何同学,有什么问题,可以在下面提出。
!Doctype声明
为了向前兼容和避免某些浏览器的怪癖,使用html5的!doctype声明,格式如下:
<!DOCTYPE HTML>
原则,及思维出发点
1. 不需要考虑DOM节点的精简和结构的优化。
以完成设计样式为最优先。必要时,不必吝啬使用表格嵌套,不必吝啬使用空的表格元素来占据空间。
2. 宁可冗余,也不可缺少必要定义。
3. 充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等
4. 可替代性:
在编写html的时候,请思考当你页面的所有图片都被屏蔽时,是否用户还能了解页面的主要内容。
请务必在所有要设置背景图片的元素上,定义背景颜色。
5. 可利用Dreamweaver等工具来协助编写html,但切记,一定要时候做好每行代码的检查。
Mackup
1. 主体页面,包括细节处理,尽量使用<table>布局。
2. 不允许在<tr>元素上定义CSS样式,请将样式尽量定义在<td>元素上。(Gmail等邮件客户端会过滤<tr>上的属性)
3. 禁止使用<style type="text/css">来处理主要样式,所有的Web邮件系统都会过滤该标签。因此邮件模板中不能使用伪类(pseudo class)和伪元素(pseudo elements),以及高级选择符。
但是,
我们仍然可以使用<style>来提升一些比较先进的邮件PC客户端的体验,比如伪类。
但,必须使用表格和元素样式来完成所有基本样式和布局。
4. 禁止使用<link>来加载外联CSS
5. 可以使用<div>来实现细节的,具有典型块级元素(block)的布局样式。而尽量避免使用<p>,因为我们不容易清除<p>在不同浏览器的默认样式
6. 注意定义图片的替换文字(alt),及替换文字的颜色。
样式
1. 文字的处理。
font-* 族的CSS属性不允许使用缩写,请分别定义 font-size, font-weight, line-height, font-family(font-family有可能被过滤)
2. 继承性
注意表格不会继承外部的font等属性,请务必,在每个<td>元素上都定义字体属性和颜色。
3. 背景的处理
不允许使用style="background:url(http://...)",请使用<td>的属性(attribute) background=“http://...”。(由于CSS背景图片是一种会影响页面渲染速度的定义,因此大多数Web邮件系统会过滤它。)
背景颜色,也请使用表格的bgcolor属性。
4. 对于复杂样式的处理,可以大胆地、大块地切图。
5. 避免尝试让两个table-cell的元素对齐,如果, 一个元素是用具体的宽度定义(width="100"),另一个元素是用百分比来定位( width="50%")
6. 避免使用list-style来处理列表样式,请使用 “ • ” 字符来替代。
7. 避免使用<img>元素拼接的方式,来实现背景大图的分割,尽量使用表格的background
我们知道,在<img>元素下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邮件中,会自动为你生成一个<div style="width:apx; margin:auto"> 的元素在最外层。(可以有效利用这一特性,定义背景颜色等样式,和实现其他可能的事情)
而不要尝试自己在邮件模板最外层添加一个带有margin:auto的<div>元素。
b> 使用<center>
2. 如何在邮件的布局中占据空白
请使用空白的<td>元素,设置height属性来起到站位的作用。
邮件模板规范
邮件模板,请严格按照下面的规则执行。邮件客户端和Web页面的需求不同,在编写代码的时候,考虑的方向也不一样。
任何同学,有什么问题,可以在下面提出。
!Doctype声明
为了向前兼容和避免某些浏览器的怪癖,使用html5的!doctype声明,格式如下:
<!DOCTYPE HTML>
原则,及思维出发点
1. 不需要考虑DOM节点的精简和结构的优化。
以完成设计样式为最优先。必要时,不必吝啬使用表格嵌套,不必吝啬使用空的表格元素来占据空间。
2. 宁可冗余,也不可缺少必要定义。
3. 充分利用表格的私有属性来布局。width, height, bgcolor, background, align, valign等
4. 可替代性:
在编写html的时候,请思考当你页面的所有图片都被屏蔽时,是否用户还能了解页面的主要内容。
请务必在所有要设置背景图片的元素上,定义背景颜色。
5. 可利用Dreamweaver等工具来协助编写html,但切记,一定要时候做好每行代码的检查。
Mackup
1. 主体页面,包括细节处理,尽量使用<table>布局。
2. 不允许在<tr>元素上定义CSS样式,请将样式尽量定义在<td>元素上。(Gmail等邮件客户端会过滤<tr>上的属性)
3. 禁止使用<style type="text/css">来处理主要样式,所有的Web邮件系统都会过滤该标签。因此邮件模板中不能使用伪类(pseudo class)和伪元素(pseudo elements),以及高级选择符。
但是,
我们仍然可以使用<style>来提升一些比较先进的邮件PC客户端的体验,比如伪类。
但,必须使用表格和元素样式来完成所有基本样式和布局。
4. 禁止使用<link>来加载外联CSS
5. 可以使用<div>来实现细节的,具有典型块级元素(block)的布局样式。而尽量避免使用<p>,因为我们不容易清除<p>在不同浏览器的默认样式
6. 注意定义图片的替换文字(alt),及替换文字的颜色。
样式
1. 文字的处理。
font-* 族的CSS属性不允许使用缩写,请分别定义 font-size, font-weight, line-height, font-family(font-family有可能被过滤)
2. 继承性
注意表格不会继承外部的font等属性,请务必,在每个<td>元素上都定义字体属性和颜色。
3. 背景的处理
不允许使用style="background:url(http://...)",请使用<td>的属性(attribute) background=“http://...”。(由于CSS背景图片是一种会影响页面渲染速度的定义,因此大多数Web邮件系统会过滤它。)
背景颜色,也请使用表格的bgcolor属性。
4. 对于复杂样式的处理,可以大胆地、大块地切图。
5. 避免尝试让两个table-cell的元素对齐,如果, 一个元素是用具体的宽度定义(width="100"),另一个元素是用百分比来定位( width="50%")
6. 避免使用list-style来处理列表样式,请使用 “ • ” 字符来替代。
7. 避免使用<img>元素拼接的方式,来实现背景大图的分割,尽量使用表格的background
我们知道,在<img>元素下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邮件中,会自动为你生成一个<div style="width:apx; margin:auto"> 的元素在最外层。(可以有效利用这一特性,定义背景颜色等样式,和实现其他可能的事情)
而不要尝试自己在邮件模板最外层添加一个带有margin:auto的<div>元素。
b> 使用<center>
2. 如何在邮件的布局中占据空白
请使用空白的<td>元素,设置height属性来起到站位的作用。
发表评论
-
jdbc规范
2011-06-02 17:45 16391. java.sql.*是jdbc2.0之前的东西 jav ... -
maven问题整理
2011-05-27 16:50 3376refer: http://www.jdonee.com/ca ... -
字节码增强框架ASM
2010-12-12 14:31 1162http://asm.ow2.org http://www.i ... -
数据库连接池DBCP
2010-12-05 11:23 815dbcp配置--官方文档中文 ... -
免费域名申请
2010-11-19 16:04 731domain.oray.com -
软件版本常识和软件版本号命名规则
2010-11-18 16:14 657Quoted from: http://robinjie.it ... -
中国雅虎的开发、测试及上线流程
2010-11-04 11:03 1487引自一个工程师的博客 ... -
Lucene整理中
2010-10-28 15:58 8181. 概念 Store: 是否完整存储该Field的值 ... -
ActiveMQ知识
2010-10-22 10:59 8381. static协议是broker端的构建network的协 ... -
JMX整理(待录入)
2010-10-20 14:51 713问题: 配置了JMX的相关参数后,仍无法连接 如: -Dcom ... -
负载均衡技术
2010-10-15 10:10 660http://www.360doc.com/content/1 ... -
关于集群环境下Session管理的解决方案
2010-10-13 10:42 17161. 基于Tomcat的解决方案,同样适用于以Tomcat为s ... -
常用的正则表达式
2010-10-10 17:36 651/^\[ \t]*$/ "^\[ \t]*$&quo ... -
关于负载均衡中的session
2010-09-07 16:14 6651. 一个常见的误解是以为session在有客户端访问时就被创 ... -
Eclipse中导入Tomcat源码
2010-09-06 15:42 714引自: http://panpan.blog.51cto.co ... -
jvm性能调优理论
2010-09-05 15:41 10011. 关于jvm使用的回收机 ... -
Code fragment
2010-09-01 11:39 7071. public boolean equals(Object ... -
开源产品归类
2010-08-30 13:36 7621. kvdb tc(tt), memcachedb, ... -
ssl配置(涉及cas)
2010-08-24 16:51 782http://hi.baidu.com/relucent/bl ... -
firefox插件
2010-08-19 17:03 7401. firebug(很好很强大) 2. cookie mon ...
相关推荐
前端规范:html+css+jQuery 设备支持:PC端+手机端 程序运行环境:linux+nginx/ linux+apache / windows + iis(支持php5.3+) / 其他支持php5.3+环境 风格截图 搭建说明 详见压缩包内! 资源下载 下载权限VIP会员...
Oracle编程的编码规范及命名规则 Oracle数据库字典介绍 0RACLE的字段类型 事务 CMT DEMO(容器管理事务演示) 事务隔离性的一些基础知识 在组件之间实现事务和异步提交事务(NET2.0) 其它 在.NET访问MySql数据库时的...
DTD是"有效XML文档"的必须文件,我们通过DTD文件来定义文档中元素和标识的规则及相互关系。如何建立一个DTD文件呢?让我们一起来学习: 1.设置元素 元素是XML文档的基本组成部分。你要在DTD中定义一个元素,然后...
本规范尝试满足大型主机、微型主机、个人工作站、和TACs 的不同需求。例如,容易实现协议的设计。 Java EJB中有、无状态SessionBean的两个例子 两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取...
本规范尝试满足大型主机、微型主机、个人工作站、和TACs 的不同需求。例如,容易实现协议的设计。 Java EJB中有、无状态SessionBean的两个例子 两个例子,无状态SessionBean可会话Bean必须实现SessionBean,获取系统...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...
jSIP这个Java包目标是用Java实现SIP(SIP:Session Initiation Protocol)协议及SIP协议的其它扩展部 分。 Java表达式语法解析库 parboiled parboiled 是一个纯Java库提供了一种轻量级,易于使用,功能强大和优雅的PEG...