HTMLメールのプリヘッダーについて

プリヘッダーとは、メールの一覧画面で件名の後ろや下に表示されるものです。
※メーラーによっては表示されません。

<!-- プリヘッダー -->
<table border="0" align="center" cellpadding="0" cellspacing="0" style="max-width:600px;">
<tr>
<td style="width:0;min-height:0;mso-hide:all;font-size:0;"><span style="color:#ffffff;font-size:0;line-height:0;">プリヘッダーが入ります。</span></td>
</tr>
</table>

上記のタグは<body>タグ内で一番最初に記述してください。
これよりも前にテキストなどが入っていると、そのテキストがプリヘッダーとして表示されてしまいます。

また、<td>タグと<span>タグのstyleで表側に表示されないように調整してあります。文字の色は背景色に合わせてください(白背景なら白文字)

プリヘッダーを設定しない場合は、<body>タグ内にある一番初めの本文または画像のaltが表示されます。
※コメントアウトされているものは表示されません。

この記事が気に入ったらサポートをしてみませんか?