前端写html邮件模板（兼容outlook）
使⽤前端完成邮件模板注意事项（实测兼容outlook2016）
1. 使⽤html5之前的元素，outlook不⽀持html5；如果使⽤html5，outlook客户端会提⽰在浏览器中打开；
2. 使⽤table表格布局；
3. 仅使⽤table、tr、td、div、span、img等基本元素
4. 尽量使⽤⾏内样式（class属性是否可⽤未测试）
论坛前端模板5. 使⽤⾏内样式时，每个元素尽量都写出对应的样式，可能继承性不好（未测试，谨慎起见写上⽽已）
6. 使⽤table嵌套布局时，如果在table上设置margin/padding - top/bottom，outlook客户端中会导致table下的每个单元格都含有margin/padding -
top/bottom，应当在需要的td中写margin/padding - top/bottom
7. ⽰例：
8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>docmount</title>
</head>
<body>
<table border="0" cellspacing="0" width="100%" cellpadding="0" >
<tr>
<td align='center' >
<table border="0" cellspacing="0" width="700" cellpadding="0" >          <tr>
<td>
<table border="0" cellspacing="0" width="540" cellpadding="0" >                <tr>
<td>
<div >内容</div>
<div >内容</div>
<div >内容</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。