子网站 两微一端的建设方案,中国机房建设公司排名,淮南网站建设好的公司,wordpress猜你喜欢用HTML编写邮件正文 文档 编码格式utf-8#xff08;使用记事本或其他工具打开#xff0c;在文件-另存为#xff0c;编缉选择UTF-8格式#xff09; 文档大小在15kb以内 样式 页面宽度#xff1a;600px~800px 尽量用特殊元素以及元素属性代替样式 样式全部写为内联样式…用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/vspaceborder0;displayblock; 语言 邮件的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 langzh-CNheadmeta http-equivContent-Type contenttext/html; charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1meta http-equivX-UA-Compatible contentIEedgetitle邮件模板/title
/headbody stylemargin: 0; padding: 0;!-- 有效内容从table开始最外层用来设置背景bgcolor颜色值不可简写边框需要清除border0 --!-- 全部使用内联样式尽量用元素的私有属性代替css禁用position/background/float/margin/padding --!-- font-*族的CSS属性不允许简写font-family可能会被过滤 --table border0 cellpadding0 cellspacing0 width100% bgcolor#EDF9F5 stylefont-size: 14px;font-family: Arial;!-- tr上不写样式会被过滤 --tr!-- 使用空白的td设置height用来占位 --td height30/td/trtrtd!-- 主体内容宽度为600px~800pxtable居中布局aligncenter --table border0 cellpadding8 cellspacing0 width600 bgcolor#FFFFFF aligncentertrtd bgcolor#23c09d!-- 图片是唯一可以引用的外部资源一个单元格放一张图片 --!-- 图片转化为base64编码引入动图使用gifimg要去除边框border0 --!-- 图片可能不会显示需要注明alt并设置alt的文本样式 --img altLOGO srcdata:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAH6CAYAAAByAjh1AAAACXBIWXMAAA7E border0 height45 stylecolor: #ffffff;font-size: 14px/td/trtrtd!-- 显示边框border1需要合并border-collapse: collapse; --table border1 cellpadding8 cellspacing0 width100% aligncenter styleborder-collapse: collapse;border-color: #ebeef5tr!-- font属性无法继承需要在每个td定义font --td height60 aligncenter stylecolor: #23c09d;font-weight: 500;font-size: 1.5rem;border-bottom: 1px solid #dcdfe6邮件标题/td/trtrtd height60 stylefont-size: 1.1rem;color: #1f2f3d!-- 尽量不使用p因为p在不同浏览器的样式不可控 --span styleborder-left: 3px solid #23c09d一段文本/span/td/tr/table/td/tr/table/td/tr/table
/body/html!-- 最后要使用测试工具查看不同邮件客户端的显示效果 --
!-- 发送HTML Email要用Content-Type: Multipart/Alternative; --
