邮件规范代码

16 阅读1分钟

邮件HTML基础代码


<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en">

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
</head>
    <body>
        <!--这里插入邮件内容 -->
    </body>
</html>

邮件内容外结构

<table class="email" width="600" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin:0 auto;">
    <tbody>
        <tr>
            <td>
                <!--这里插入邮件正文:行-->
            </td>
        </tr>
    </tbody>
</table>

邮件正文:行

<table class="row"  align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="mso-table-lspace:0;mso-table-rspace:0">
    <tbody>
        <tr>
            <!--列:根据列的数量,生成td的数量-->
            <td style="" class="col">
                <!--这里插入邮件正文:列内容-->
            </td>
            <td style="" class="col">
                <!--这里插入邮件正文:列内容-->
            </td>
            <td style="" class="col">
                <!--这里插入邮件正文:列内容-->
            </td>
        </tr>
    </tbody>
</table>
                

组件:图片

<table class="imgage" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
    <tr>
        <td style="">
            <img src="{{imgUrl}}" style="">I'm a new title</div>
        </td>
    </tr>
</table>

组件:按钮

<table class="btn" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
    <tr>
        <td style="">
            <a style="" href="{{href}}" target="_blank">{{btnText}}</a>
        </td>
    </tr>
</table>

组件:文本

<table clas="text" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
    <tr>
        <td style="">
            <div style="">{{text}}</div>
        </td>
    </tr>
</table>