为邮件创建完美的HTML正文

由于大多数的邮件客户端无法像其他浏览器一样提供对Web标准的支持，那么为邮件编写HTML格式的正文就不同于为我们常见的网页了。更糟糕的是，目前没有关于邮件HTML正文的技术标准规范。接下来将针对目前主流邮件客户端所支持的HTML源码编写技术做一些简单的介绍。

出于安全考虑，不支持任何JavaScript脚本以及外部的CSS样式

使用table标签进行整体布局

为了避免页面布局出现预想不到的结果，可以使用表格对邮件正文的HTML内容进行排版布局，主要是因为，现行的邮件客户端不支持position,float,clear等CSS属性，当你邮件正文中包含了这些内容时，邮件服务处理方出于安全考虑会过滤掉这些内容。如下：

避免使用position,float,clear等CSS属性

使用内联CSS样式

使用简单通用的CSS样式，并且以内联的方式嵌入对应的元素标签中。主要原因在于现行的邮件客户端都不支持嵌入或引入外部的CSS样式，而且多数发油价客户端仅仅支持一些基础的格式化样式，例如：圆角以及阴影就无法得以很好的支持。

尽量避免CSS属性值的简写形式

块级元素的使用

超链接样式的使用

由于不支持头部style以及外部CSS样式，对于超链接而言无法很好的实现用户自定义的mouse-over,hover等特效。

给图片设置alt属性值

由于现有的邮件客户端需要通过用户的确认方可在邮件中显示附带的图片，所以确保给图片设置alt属性值，同时不要依赖图片去传递大量的信息。

同时使用图片是可以参考以下几点：

1、设置用户禁止显示图片时的显示效果

2、设置图片标签的alt属性值

3、尽量使用GIF或JPG格式的图片

4、设置图片标签的边框宽度为零

5、设置图片的display样式为block，已防止图片下方出现间距

6、尽量保持设置height以及width属性值

7、设置图片路径是尽量使用绝对路径而非相对路径

8、Outlook2007以及Outlook2010不支持背景图片

其他

1、邮件不支持Flash、TypeKit以及Javascript，但是GIF动画通常是安全的。

2、清楚邮件的使用人群，有助于邮件正文的书写

3、正式提交前，请务必进行多客户端进行测试

附注：

原文出于：http://litmus.com/blog/html-email-coding-101-infographic/email-coding-101

推荐文章：https://www.campaignmonitor.com/dev-resources/will-it-work/

http://www.chinaemail.com.cn/

为邮件创建完美的HTML正文相关推荐

创建完美SDK的10个技巧
[编者按]本文作者为 Gal Lavinsky,文中将列出10个零基础小技巧,帮你创建完美的Java SDK.文章系国内 ITOM 管理平台 OneAPM 编译呈现.以下为正文. 本文起源于笔者朋友的 ...
springboot实战，实现发送邮件,gmail邮件,包括发送附件还有正文，以及注意覆盖问题
springboot实现发送邮件,gmail邮件,包括发送附件还有正文,以及注意覆盖问题复盘下前个把月前写的个关于邮件激活的接口,踩了些坑,就当记录下前言 `需求:发送邮件审核,点击邮件链接之后, ...
使用click创建完美的Python命令行程序
Python程序员的主要工作是写命令行程序,即直接在终端运行的脚本. 随着项目规模增长,我们希望创建有效的命令行接口,通过提供不同的参数,解决不同的问题,而不是每次都修改源代码. Click库是一个非 ...
报告分析工具创建完美的分析报告
目录前言本书涵盖的内容这本书需要什么这本书是给谁的约定读者反馈客户支持下载示例代码下载本书的彩色图像勘误海盗行为问题 1. Pentaho报告简介介绍Pentaho报告引入 ...
脚本文档_创建完美的架构文档脚本
脚本文档描述 (Description) System views allow us to gain access to information about any objects within S ...
邮件发送excel表格做正文
1.excel 表格转换为htm格式,可以在邮件中作为正文发送. Sub Macro_Htm(sourcefile, targetfile) Call hide_htm_null_row(so ...
亚马逊html邮件,创建电子邮件模板 - Amazon Pinpoint
本文属于机器翻译版本.若本译文内容与英语原文存在差异,则一律以英文原文为准. 创建电子邮件模板一个电子邮件模板是一种消息模板,其中包含要在您为任何 Amazon Pinpoint 项目发送的电子邮件 ...
Outlook邮件创建的规则失效，可能的原因
由于每天会收到一封检查邮件,希望通过创建规则,接收到邮件后,自动将其移动到指定的文件夹按照常规操作,创建好规则后,新接收的邮件,并没有自动移动到对应的文件夹如图所示,创建成功,并勾选了" ...
css vw单位_使用CSS vw单位创建完美的响应形状
css vw单位 As page layouts become more complex, developers require access to a greater range of measur ...

为邮件创建完美的HTML正文

为邮件创建完美的HTML正文相关推荐

最新文章

热门文章