1
私はHTMLメールニュースレターを送るためにPythonで作業しています。 Pythonの部分は正常に動作しているようですが、問題は電子メールでHTMLを読むことだと思います。ここで私は、テンプレートのHTMLを使用している：私は.htmlのファイルとしてソースを保存し、Safariでそれを開くと<img> 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>
を、すべてのものは、それが必要として表示され、画像が働きます。ただし、スクリプトを使用してGmailで開いたとき、画像の一部がオフになっています（このインスタンスの最初のヘッダーのみの最初と3番目の画像）。なぜなら、コードはすべてそれら。私は間違ったタグを使用しているのか、それとも電子メールのために正しく表示されないのか疑問に思っています。それが私が考えることができる唯一のものです。 Gmailでは、画像を調べると、非正常画像のリンクもオフになります。作業中のものはhttp://domain.com/link.pngとして送信され、同じものとして表示されます。動作していないものはhttp://domain.com/link.pngとして送信され、http://domain.com/l+ink.png（ランダムに '+'が文字列に間違っている）と表示されます。誰かがHTMLの専門家であれば、私はアドバイスを大いに感謝しています。
コードを書式設定すると、人々はあなたを助けません。 –
'width =" 30％ "'は残念ながら有効なHTMLではありません。 _width_属性はすでにピクセル単位で測定されており、整数値が割り当てられている必要があります。たとえば、 'width = "420"は画像の幅が420ピクセルになることを意味します。また、画像に 'height'属性が割り当てられていることを確認することをお勧めします。古いメールクライアントでは、指定しない場合、デフォルトで' height = "0" 'が読み込まれます。 – Frits
ありがとうございます@編集のためのサン。私は実際にそれを修正するために実際に行っていた！ :) – user2287517