<img/>标记在HTML电子邮件中无法正常运行

时间:2016-06-23 08:00:43

标签: python html email tags

我一直在使用Python发送HTML电子邮件简报。 Python部分似乎工作正常,我认为问题在于阅读HTML的电子邮件。这是我正在使用的模板的HTML:

<!DOCTYPE html>
<html>
 <head>
  <title>Title</title>
 </head>
 <body>
  <table>
   <tr>
    <td>
     <table align="center" bgcolor="#000000" style="padding-bottom:20px" width="100%">
      <tr>
       <td align="center" style="Font-family: Arial, Helvetica, sans-serif"><img style="padding-top:20px; padding-bottom:20px" src="http://domain.com/logo.png" alt="logo" width="30%" /><table align="center" bgcolor="#ffffff" width="80%" style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px">
      <tr>
       <td align="left"><font color="#646466">Text<br><br><i>Text</i><br></font><h3><font color="#000000">Header</font></h3>
     <table>
      <tr>
       <td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td>
       <td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td></tr><tr><td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td><td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td>
      </tr>
      <tr>
       <td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td>
       <td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td>
      </tr>
     </table>
     <font color="#646466" size="2"><b>Text:</b> <i>text</i></font><h3><font color="#000000">Header</font></h3>
     <table>
      <tr> 
       <td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td>
       <td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td>
      </tr>
      <tr>
       <td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td>
       <td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td>
      </tr>
      <tr>
       <td style="padding-bottom:10px"><img src="http://domain.com/link.png" alt="image" height="54" width="108" style="padding-right:10px" /></td>
       <td height="54" valign="top"><p style="margin:0px 0 0; padding-bottom:3px"><font color="#646466"><b>Text</b></font></p><font color="#646466" size="2">Text</font></td>
      </tr>
     </table>
     <font color="#646466" size="2"><b>Text:</b> <i>Text</i></font><br><br><font color="#646466">Text<br><br>Text</font><br><br><font color="#646466" size="2"><i>Text.</i></font>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</td>
</tr>
</table>
</body>
</html>

当我将源保存为.html文件并在Safari中打开时,所有内容都应该显示,并且图像可以正常工作。但是,当我使用脚本并在Gmail中打开时,某些图像已关闭(此实例中第一个标题的第一个和第三个图像),我不知道为什么因为所有的代码都是相同的他们。我想知道我是否使用了错误的标签或可能无法正确呈现电子邮件的内容。这是我唯一能想到的。在Gmail中,当我检查图像时,非工作图像的链接也会关闭。工作的http://domain.com/link.png发送,并显示为相同。非工作广告以http://domain.com/link.png的形式发送,并显示为http://domain.com/l+ink.png(字符串中随机'+')。如果有人更多的是HTML专家,我会非常感谢这些建议。

1 个答案:

答案 0 :(得分:0)

找出问题:显然,HTML中的新行对电子邮件非常重要。没有新行的未格式化代码在浏览器中工作正常,但有时会因电子邮件中断图像。添加新行修复了问题。