用HTML编写邮件正文

文档
编码格式utf-8（使用记事本或其他工具打开，在文件->另存为，编缉选择UTF-8格式）
文档大小在15kb以内
样式
页面宽度：600px~800px
尽量用特殊元素以及元素属性代替样式
样式全部写为内联样式，无法继承，所以每个元素都要指定样式
样式属性及样式值都要写完整，不能简写
不支持margin/padding、background-imag
给每个table加上边框border，间距使用cellpadding/cellspacing，边框合并border-collapse
邮件居中显示：table添加align=”center”
给img设定宽高和间距，使用width/height/hspace/vspace，border=0;display=block;
语言
邮件的html几乎只包含table/tr/td/span/img/a这几个元素
从table开始编写，放弃body之外的DOCTYPE/html/head/body元素
table布局，给每个单元格设定宽度，一个单元格放一张图片
不要使用flash、java、javascript、frames、i-frames、activeX以及Dhtml，动图使用gif

示例：

<!-- 目前兼容性最好的Doctype，不能使用HTML5语法 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>邮件模板</title>
</head><body style="margin: 0; padding: 0;"><!-- 有效内容从table开始，最外层用来设置背景bgcolor，颜色值不可简写，边框需要清除border="0" --><!-- 全部使用内联样式，尽量用元素的私有属性代替css，禁用position/background/float/margin/padding --><!-- font-*族的CSS属性不允许简写，font-family可能会被过滤 --><table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#EDF9F5" style="font-size: 14px;font-family: Arial;"><!-- tr上不写样式，会被过滤 --><tr><!-- 使用空白的td，设置height用来占位 --><td height="30"></td></tr><tr><td><!-- 主体内容宽度为600px~800px，table居中布局align="center" --><table border="0" cellpadding="8" cellspacing="0" width="600" bgcolor="#FFFFFF" align="center"><tr><td bgcolor="#23c09d"><!-- 图片是唯一可以引用的外部资源，一个单元格放一张图片 --><!-- 图片转化为base64编码引入，动图使用gif，img要去除边框border="0" --><!-- 图片可能不会显示，需要注明alt，并设置alt的文本样式 --><img alt="LOGO" src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH6CAYAAAByAjh1AAAACXBIWXMAAA7E=" border="0" height="45" style="color: #ffffff;font-size: 14px"></td></tr><tr><td><!-- 显示边框border="1"，需要合并border-collapse: collapse; --><table border="1" cellpadding="8" cellspacing="0" width="100%" align="center" style="border-collapse: collapse;border-color: #ebeef5"><tr><!-- font属性无法继承，需要在每个td定义font --><td height="60" align="center" style="color: #23c09d;font-weight: 500;font-size: 1.5rem;border-bottom: 1px solid #dcdfe6">邮件标题</td></tr><tr><td height="60" style="font-size: 1.1rem;color: #1f2f3d"><!-- 尽量不使用p，因为p在不同浏览器的样式不可控 --><span style="border-left: 3px solid #23c09d">一段文本</span></td></tr></table></td></tr></table></td></tr></table>
</body></html><!-- 最后要使用测试工具，查看不同邮件客户端的显示效果 -->
<!-- 发送HTML Email要用Content-Type: Multipart/Alternative; -->

【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果，如何用基础HTML编写？相关推荐

邮箱html邮件显示不全,制作邮箱能正常显示的HTML邮件的方法
制作邮箱能正常显示的HTML邮件的方法发送html邮件的建议:用style写内联的CSS:少用图片:用table实现左右布局或者更复杂的布局:用background元素设置背景图片等. 几乎每个会员 ...
div html表格样式设置字体大小,css样式表中如何修改字体大小为18px？
css样式表中如何修改字体大小为18px?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css样式表中如何修改字体大小为18px? 在css样式表中可以 ...
如何下载c语言游戏,如何用C语言编写游戏.doc
<如何用C语言编写游戏.doc>由会员分享,可在线阅读,更多相关<如何用C语言编写游戏.doc(71页珍藏版)>请在皮匠网上搜索. 1.如何用C语言编写游戏网络游戏是常谈的话题 ...
写出兼容各大邮箱及适配移动设备的邮件模板
邮件模板css 抒写规范 https://www.campaignmonitor.com/css/ 里面有各大邮箱对邮件内容 CSS的支持情况电子邮件设计参考 https://templates. ...
python发邮件图片太长显示不出来_小白入门，用python 发送定时邮件，将Dataframe转为邮件正文，链接显示为图片...
在实际工作中,我们常常会遇到定时发送邮件的任务,基于我的实践,分享给大家,也许一篇文章写不完,就先列个目录. 本文想要解决的问题: 用python构造一封邮件,并设置定时发送出去.往往,这只是最低级的 ...
html编写邮件发送_如何编写HTML电子邮件通讯
html编写邮件发送 This article was first published in 2006, then updated in 2015. 本文于2006年首次发表,然后于2015年更新. ...
动画的html邮件,邮件正文收发Flash动画
作者:孙秀琳我一直想在邮件正文中发送Flash文件,而不用附件的形式,接收邮件时可以直接看到Flash动画,Mailine可以做到(下载地址:http://www.skycn.com/soft/85 ...
notes邮件正文显示不全_Outlook邮件中的可操作消息（Actionable Message)
邮件大家都不陌生,而且很可能它也是当前工作生活中应用最广的沟通方式之一了.据不完全统计,每月通过Office 365发送的邮件数量达到4700亿封. 近些年来,随着社会发展,逐渐有一个趋势就基于聊天( ...
notes邮件正文显示不全_python实现一次性批量发邮件
在上次实现了批量修改文件名后(链接:https://zhuanlan.zhihu.com/p/133727520),又拿来了同事编写的一次性批量发邮件小程序,小编每月向分公司发数据任务算是基本上实现了 ...

【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果，如何用基础HTML编写？

用HTML编写邮件正文

【模板】用HTML编写邮件正文 | 各大邮箱几乎都会过滤css样式、js脚本等效果，如何用基础HTML编写？相关推荐

最新文章

热门文章