HTML邮件模板

时间：2019-06-26 21:18:12 收藏：0 阅读：108

邮件要求兼容 outlook 等邮箱软件，发现很多样式都不生效。找到的模板如下：

<!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></title>
    </head>
    <body>
    <!-- 最外层table-->
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="">
        <tr>
            <td align="center" valign="top">
                <!-- 定宽table-->
                <table border="0" cellpadding="0" cellspacing="0" width="" style="">
                    <tr>
                        <td align="center" valign=""></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    </body>
</html>

注意点

不支持头部style、外链的linkCSS样式和JS脚本。所以数据需要使用服务器渲染。
只能写行内样式。且属性值不能用缩写。(margin, padding, font, background)
- 例如: margin: 10px; 需要拆分margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 10px;
CSS3 属性不支持
如果需要有间距，在td上加入padding,是我发现的最佳体验。
小图标需要和文字有间距，文字加入一个HTML实体 即可。
建议每个有文字内容的标签都加上font-family: ‘字体名称‘，我用的是‘微软雅黑’。

原文：https://www.cnblogs.com/miku561/p/11093476.html