thead没有显示在HTML电子邮件中

时间:2017-10-31 14:40:02

标签: html email

我使用Mailchimp模板编写自己的HTML电子邮件。我有一个2个表格,它们在网页上看起来很好,但它们不能在Mailchimp或任何测试电子邮件平台(Gmail,Apple Mail,Outlook 365等)中呈现。它只是省略了整个thead块。为什么我的那个没出现?

<table border="0" cellspacing="0" class="mcnTextContentContainer" 
width="100%" style="min-width: 100% !important;background-color: 
#FFFFFF;">                                                               
    <thead>
       <tr>                                                   
       <th bgcolor="#f2f2f2" valign="top" class="mcnTextContent" 
          style="padding: 18px;color: #F2F2F2;font-family: Poppins, 
          Arial, sans-serif;font-size: 14px;font-weight: normal;text-
          align: center;">

         <span style="font-size:18px; color:#000000; text-
          align:center;"><strong>Shipping Information</strong></span>

        </th>
        </tr>                                                                
    </thead>

    <tbody>
    </tbody>
</table>                                                                  

2 个答案:

答案 0 :(得分:0)

围绕HTML的正常最佳实践,语义和其他指导方针在HTML电子邮件方面有用。 MailChimp有一个Email Design Reference,您应该与other related resources一起阅读如何构建和撰写HTML电子邮件。

对于您的特定用例,只需省略<thead><tbody>等可选表格元素:

<table border="0" cellspacing="0" class="mcnTextContentContainer" width="100%" style="min-width: 100% !important;background-color: #FFFFFF;">                                                               
    <tr>                                                   
        <th bgcolor="#f2f2f2" valign="top" class="mcnTextContent" style="padding: 18px;color: #F2F2F2;font-family: Poppins, Arial, sans-serif;font-size: 14px;font-weight: normal;text-align: center;">
            <span style="font-size:18px; color:#000000; text-
      align:center;"><strong>Shipping Information</strong></span>
        </th>
    </tr>                                                                
</table>       

答案 1 :(得分:0)

我使用<caption>代替<thead>并且它正在运作。谢谢!