编写HTML格式的邮件需注意的地方
类别:Web前端 浏览量:1562
时间:2015-4-21 编写HTML格式的邮件需注意的地方
编写HTML格式的邮件需注意的地方1、head中的style定义无效:一般写网页,喜欢在head中定义css样式,可惜在HTML格式的邮件中有的邮箱会失效。
2、结构尽量简单,最好使用table布局,可以先使用table作为最大的父级,需要居中,可以是设定align=”center”。这样做可以保证在CSS样式失效、或者html被禁用的情况下最大程度的还原布局和样式。
3、不要使用JavaScript和Flash,一般会被过滤的。
4、使用内联CSS样式,什么元素需要什么样式就用style写内联的CSS,如<td style="color:red">警告</td>,不要引入外部CSS文件,不要使用style标签,Gmail等不支持style标签。
5、不要使用绝对定位,不要使用背景图片,不要使用半透明,不要使用IE滤镜和CSS表达式
6、图片要添加alt及border=0属性,设置alt属性是为了防止图片显示不出来时,至少有文字说明,让用户明白意思。保证在禁用图片的情况下传递有效信息。
7、可为img设置display:block,可用来修复一些电子邮件客户端图片下面空白间距。
8、图片添加宽高属性
9、不要试图使用iframe引入外部页面
10、尽量精简代码,减少图片数量和体积
11、一般使用UTF-8编码
12、尽量使用padding,少用margin,不允许使用margin作为重要的布局依据,不允许使用负margin,避免使用非零和非auto的margin属性。
13、 避免使用list-style来处理列表样式,可以使用 “ • ” 字符来替代。
标签:Web
您可能感兴趣
- webgl api 源码(基于 HTML5 WebGL 实现的医疗物流系统)
- 数据库负载均衡的原理(理解web服务器和数据库的负载均衡以及反向代理)
- 移动web跨端开发领域(Web移动端布局那些事)
- 如何认识服务器(关于Nginx、Apache、Tomcat三个WEB服务器的区别和认知)
- nginx 怎么搭建web服务器(Linux+Nginx+Php架设高性能WEB服务器)
- iis搭建web服务器和ftp教程(Windows实例通过IIS如何搭建多个FTP站点?)
- http服务器使用教程(HTTP与HTTP协作的Web服务器访问流程图解)
- 常见的web应用服务器有哪些(常用的web服务器软件整理)
- linux下如何启动phpstudy面板(详解phpstudy linux web面板小皮面板V0.2版本正式发布)
- HttpWebRequest的使用
- nginx服务器和apache服务器(Nginx vs Apache两大web服务器比较)
- h5嵌入app解决方案(app内嵌H5 webview 本地缓存问题的解决)
- 常见的web服务器有哪些(web服务器是什么?web服务器怎么设置)
- zabbix监控页面(Zabbix WEB监测实现过程图解)
- Tomcat和Weblogic部署纯html文件过程解析(Tomcat和Weblogic部署纯html文件过程解析)
- 搭建lamp平台并测试(浅谈Web服务器的构架:LAMP LNMP以及LLMP)
- 追连续剧,品古今联4 明代三杨,联妙诗佳(追连续剧品古今联4)
- 三杨 共辅四朝帝王,构建明帝国内阁行政圈(三杨共辅四朝帝王)
- 红色文化进国企(红色文化进国企)
- 车友的选择| 轮毂该如何选(车友的选择轮毂该如何选)
- 秦海璐炫耀和王新军热恋蜜事,不料对方吐槽她吃饱后肚子撅老高(秦海璐炫耀和王新军热恋蜜事)
- 秦海璐一袭旗袍惹人倾心,将高级与淡雅展现的游刃有余(秦海璐一袭旗袍惹人倾心)
热门推荐
- display flex 布局(解决display:flex属性 justify-content: space-between换行后的排版问题)
- apache服务部署tomcat(Apache与Tomcat服务器整合的基本配置方法及概要说明)
- 图片热点链接的设置
- mysql报错103(解决Mysql报Invalid default value for“operate_time”错误的问题)
- dedecms中的有些功能如何修改(dedecms 每个栏目下的文章总数的调用)
- tmp文档可以删除吗(tmpwatch命令清除旧文件的方法)
- mysql未使用索引的查询(如何在mysql进行查询缓存及失败的解决方法)
- 华为云阿里云腾讯云哪个服务好些(阿里云、腾讯云和华为云服务器相同配置哪个更好?)
- 什么是云主机和独立服务器(云主机与独立服务器有什么不同?哪个好?)
- html元素和属性的区别(HTML5 HTMLCollection和NodeList的区别详解)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9