liuliliujian
- 浏览: 126425 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (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 16741. java.sql.*是jdbc2.0之前的东西 jav ... -
maven问题整理
2011-05-27 16:50 3477refer: http://www.jdonee.com/ca ... -
字节码增强框架ASM
2010-12-12 14:31 1191http://asm.ow2.org http://www.i ... -
数据库连接池DBCP
2010-12-05 11:23 851dbcp配置--官方文档中文 ... -
免费域名申请
2010-11-19 16:04 764domain.oray.com -
软件版本常识和软件版本号命名规则
2010-11-18 16:14 683Quoted from: http://robinjie.it ... -
中国雅虎的开发、测试及上线流程
2010-11-04 11:03 1519引自一个工程师的博客 ... -
Lucene整理中
2010-10-28 15:58 8441. 概念 Store: 是否完整存储该Field的值 ... -
ActiveMQ知识
2010-10-22 10:59 8671. static协议是broker端的构建network的协 ... -
JMX整理(待录入)
2010-10-20 14:51 754问题: 配置了JMX的相关参数后，仍无法连接 如: -Dcom ... -
负载均衡技术
2010-10-15 10:10 699http://www.360doc.com/content/1 ... -
关于集群环境下Session管理的解决方案
2010-10-13 10:42 17391. 基于Tomcat的解决方案，同样适用于以Tomcat为s ... -
常用的正则表达式
2010-10-10 17:36 683/^\[ \t]*$/ "^\[ \t]*$&quo ... -
关于负载均衡中的session
2010-09-07 16:14 6861. 一个常见的误解是以为session在有客户端访问时就被创 ... -
Eclipse中导入Tomcat源码
2010-09-06 15:42 749引自: http://panpan.blog.51cto.co ... -
jvm性能调优理论
2010-09-05 15:41 10371. 关于jvm使用的回收机 ... -
Code fragment
2010-09-01 11:39 7291. public boolean equals(Object ... -
开源产品归类
2010-08-30 13:36 7971. kvdb tc(tt), memcachedb, ... -
ssl配置(涉及cas)
2010-08-24 16:51 823http://hi.baidu.com/relucent/bl ... -
firefox插件
2010-08-19 17:03 7721. firebug(很好很强大) 2. cookie mon ...
相关推荐
该压缩包文件“小巧圆滑的邮件模板_窄 邮件_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.rar”包含了一套专门设计用于电子邮件的HTML模板，以及相关的CSS和JavaScript文件。这些资源是开发自适应、...
Bojler的重要性在于，由于电子邮件客户端之间的兼容性问题，编写适应所有平台的邮件模板是一项挑战。Bojler提供了一套最佳实践和规则，使得这个过程更加规范和高效。 Bojler的核心是其HTML和CSS代码，这些代码是...
在网页设计领域，CSS（Cascading Style Sheets）是一种样式表语言，用于描述HTML或XML（包括各种XML方言如SVG、MathML等）文档的呈现。CSS定义了如何在媒体（如屏幕、打印机）上展示元素。这款“休闲饮品店CSS网站...
该资源是一个仿163简约风格的邮件系统后台模板，主要设计目的是为了提供一个与网易163邮箱后台相似的用户界面，具有简洁、高效的特点，适用于开发人员快速构建自己的邮件管理系统后台。模板包含了基本的页面布局和...
综上所述，网站上线进度css模板结合了进度条的设计与邮件订阅功能，通过CSS实现视觉效果和交互体验的优化，同时考虑了不同设备的适配，为用户提供了一个既美观又实用的网页界面。在实际应用中，开发者可以根据自己的...
【企业邮件处理系统模板】是针对企业内部通信需求设计的一种高效、规范的电子邮件处理系统。在HTML技术的支持下，这个模板提供了一种简洁且易于理解的界面，为初学者提供了学习和实践HTML的良好素材。HTML...
它们通常遵循特定的设计规范，提供一致的视觉和交互体验。可能包含： 1. 导航组件：如顶部导航、侧边栏导航、面包屑导航等。 2. 按钮和图标：各种风格和功能的按钮，以及图标集，如Font Awesome。 3. 表单元素：...
"国外html5+JS全套模板"是一个集合了各种设计精良、功能完善的HTML5模板，适用于开发者快速构建网站或网页应用。 这些模板通常包含以下关键知识点： 1. **HTML5新元素**：HTML5引入了许多新的结构性元素，如、、、...
### 邮箱营销模板代码解析 在当前数字化营销的大趋势下，电子邮件作为一种成本效益高、覆盖...对于企业来说，制作一份既美观又实用的邮件模板是非常重要的，它能够在提高品牌形象的同时，有效地提升营销活动的成功率。
【HTML5 CSS3网页设计与制作】教学涵盖了多个单元，旨在教授学生如何使用HTML5和CSS3技术创建、设计和管理网页。以下是每个单元的主要知识点： **单元1：站点创建与制作商品简介页面** 1. **本地站点创建与管理**：...
在编写邮件模板时，遵循特定的规则至关重要，因为不同的邮件客户端和Web界面对HTML的支持程度各异。以下是一些关键要点： 1. **避免使用padding和margin**：在邮件设计中，像Gmail这样的邮件客户端可能对`padding`...
在这个"email-newsletter-html"项目中，我们将深入探讨HTML电子邮件模板的设计和使用。 1. **HTML基础**：HTML（超文本标记语言）是网页内容的基础结构，同样适用于电子邮件。在电子邮件中，HTML用于定义文本样式、...
10. **代码组织**：良好的模板会遵循代码规范，将HTML、CSS和JavaScript代码结构化，便于理解和维护。 使用"个人主页模板HTML"时，用户只需将个人信息、作品和内容替换掉模板中的占位符，就能快速生成个性化主页。...
理解并调整这些CSS规则可以帮助定制模板以匹配品牌规范。 4. **子文件夹结构**：`sutdents`和`admin-templates(1)`等可能是单独的功能模块或子系统的代码目录，这表明模板可能已经预先组织好了功能区块，便于开发者...
4. **表单控件**：HTML5新增了多种表单输入类型，如电子邮件、电话号码、日期等，增强了表单验证功能，使得数据收集更加规范和安全。 5. **语义化元素**：HTML5引入了如`<header>`, `<footer>`, `<nav>`, `...
5. **易于定制**：HTML、CSS和JavaScript代码结构清晰，遵循一定的编码规范，便于开发者根据自身需求进行个性化定制。 三、核心功能模块 1. **登录与权限控制**：模板包含安全的登录验证机制，并可扩展实现角色...
Fly社区模板的CSS文件将决定颜色、字体、布局等视觉效果，确保整体设计风格一致，提高用户的浏览体验。 4. **JavaScript交互**：JavaScript负责网页的动态功能，如表单验证、下拉菜单、轮播图等。在论坛模板中，...
邮件网页模板则是为了高效、规范地呈现这些财务信息而设计的一种工具。在这个主题中，我们将深入探讨企业财务月报的重要性、邮件网页模板的构成及其在实际应用中的优势。 首先，企业财务月报是管理层和股东了解公司...