使用HTML应该如何编写邮件模版


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来使用HTML应该如何编写邮件模版,使用HTML编写邮件模版的注意事项有哪些,下面就是实战案例,一起来看一下。

今天,我想写一个"低技术"问题。

  话说我订阅了不少了新闻邮件(Newsletter),比如JavaScript Weekly。每周收到一封邮件,了解本周的大事。

有一天,我就在想,是不是我也能做一个这样的邮件?

  然后,就发现这事不那么容易。抛开后台和编辑工作,单单是设计一个Email样板,就需要不少心思。

因为这种带格式的邮件,其实就是一张网页,正式名称叫做HTML Email。它能否正常显示,完全取决于邮件客户端。大多数的邮件客户端(比如Outlook和Gmail),会过滤HTML设置,让邮件面目全非。

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

  1. Doctype

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

1

2

3

4

5

6

7

8

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"

 <head

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

  <title>HTML Email编写指南</title

  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

 </head

</html>

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

  2. 布局

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

1

2

3

4

5

6

7

<body style="margin: 0; padding: 0;"

 <table border="1" cellpadding="0" cellspacing="0" width="100%"

  <tr> 

   <td> Hello! </td> 

  </tr> 

 </table> 

</body>

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

阅读剩余部分

相关阅读 >>

Html hr标签能设置黄颜色吗

Html/css怎么让input禁止输入

浅谈网页中提升svg文件可访问性的几种方法

Html与css中2d转换模块

Html标签的基本格式

Html中head头结构应该如何使用

Html中的ol标签如何去掉标号呢?<ol>标签的使用方法总结

Html中ul标签如何去掉点?Html无序列表的样式实例解析

如何用Html标记语言编写一个简单的网页

Html怎么实现二级选项卡

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...