html制作一个简单的邮件,使用HTML编写简单的邮件模版

转载自http://www.jb51.net/web/355537.html

编写HTML Email的窍门，就是使用15年前的网页制作方法。下面就是我整理的编写指南。

1. Doctype

目前，兼容性最好的Doctype是XHTML 1.0 Strict，事实上Gmail和Hotmail会删掉你的Doctype，换上这个Doctype。

HTML Email编写指南title>

head>

html>

使用这个Doctype，也就意味着，不能使用HTML5的语法。

2. 布局

网页的布局(layout)必须使用表格(table)。首先，放置一个最外层的大表格，用来设置背景

Hello! td>

tr>

table>

body>

表格的 border 属性等于1, 是为了方便开发。正式发布的时候，再把这个属性设为0。

在内层，放置第二个表格。用来展示内容。第二个table的宽度定为600像素，防止超过客户端的显示宽度。

Row 1 td>

tr>

Row 2 td>

tr>

Row 3 td>

tr>

table>

邮件内容有几个部分，就设置几行(row)。

3. 图片

图片是唯一可以引用的外部资源。其他的外部资源，比如样式表文件、字体文件、视频文件等，一概不能引用。

有些客户端会给图片链接加上边框，要去除边框。

img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}

a img {border:none;}

需要注意的是，不少客户端默认不显示图片(比如Gmail)，所以要确保即使没有图片，主要内容也能被阅读。

4. 行内样式

所有的CSS规则，最好都采用行内样式。因为放置在网页头部的样式，很可能会被客户端删除。客户端对CSS规则的支持情况，请看这里。

另外，不要采用CSS的简写形式，有些客户端不支持。比如，不要写成下面这样：

style="font: 8px/14px Arial, sans-serif;"

如果想表达

要写成下面这样：

5. W3C校验和测试工具

要保证最终的代码，能够通过W3C的校验，因为某些客户端会把不合格属性剥离。还要使用测试工具(1, 2, 3)，查看在不同客户端的显示结果。

发送HTML Email的时候，不要忘记MIME类型不能使用

Content-Type: text/plain;

而要使用

Content-Type: Multipart/Alternative;

html制作一个简单的邮件,使用HTML编写简单的邮件模版相关推荐

【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个电风扇动画效果~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <!DOCTYP ...
python爬虫简单实例-Python 利用Python编写简单网络爬虫实例3
利用Python编写简单网络爬虫实例3 by:授客 QQ:1033553122 实验环境 python版本:3.3.5(2.7下报错实验目的获取目标网站"http://bbs.51tes ...
Element制作一个简洁的个人信息界面附带简单的双向绑定
效果图: 简述:基于Vue+Element制作,Element官方网站https://element.eleme.cn/,利用了Element的卡片组件,进行的样式修改,实现起来很简单.整体布局由El ...
HTML语言写邮件,使用HTML编写简单的邮件模版
今天,我想写一个"低技术"问题. 话说我订阅了不少了新闻邮件(Newsletter),比如JavaScript Weekly.每周收到一封邮件,了解本周的大事. 有一天,我就在想, ...
按钮点击打开新页面_PDF怎么打开？如何制作一个PDF格式的文档？
不知你是否也一样,无论是在网上下载资料还是其他人发送的文件都是PDF格式的.但是应该如何打开PDF文件呢?如何自己制作一个PDF格式的文档呢? 首先说一下如何打开PDF格式的文件,电脑端就比较简单的, ...
如何利用python制作一个解压缩软件
文章目录如何利用python制作一个解压缩软件安装zipfile模块编写核心代码安装tkinter模块整合代码安装pyinstaller模块打包程序为可执行文件打包程序为可执行文件如 ...
python网页服务器_python编写简单网页服务器
这篇文章主要介绍了关于python 编写简单网页服务器,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 IDE:Pycharm sever.py #!/bin/python #-*- c ...
（译）如何使用GameCenter制作一个简单的多人游戏教程：第一部分
免责申明(必读!):本博客提供的所有教程的翻译原稿均来自于互联网,仅供学习交流之用,切勿进行商业传播.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作 ...
如何制作一个简单的16位CPU
http://www.acfun.tv/v/ac362187 我果然标题党了吗?不是转载那本日本人写的书啊!纯手打表诚意,希望猴子给过,第一次投稿各位大神帮帮忙...... 如何制作一个简单的16位C ...

html制作一个简单的邮件,使用HTML编写简单的邮件模版

html制作一个简单的邮件,使用HTML编写简单的邮件模版相关推荐

最新文章

热门文章