htmlメールとは
htmlメールとは、ウェブーページような写真や文字をレイアウトした、HTMLで作った電子メールです。下記の写真ようなものです。
#メリット
● 開封数(HTMLメール内の画像の読み込まれた回数)を取得できます！
● 見た目や要点を洗練されたメールはユーザーに好まれやすいです！
#htmlメールの構造
qiita.rb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>【タイトル】</title>
<style type="text/css">
<!-- ここに埋め込み形式のCSSタグを記述して行きます -->
</style>
</head>
<body>
<table width="650" border="0" align="center" cellpadding="0" cellspacing="0" class="base">
<tr>
<td style="">
<!-- ここにコンテンツをHTMLタグで記述して行きます -->
</td>
</tr>
</table>
</body>
</html>
htmlメールの中身ですが、基本的にテーブルレイアウトで構成します。cssは別ファイルで書いて、リンクさせるのではない、cssをインラインで記載します。
ここで、一つのことが注意するべきです。htmlメールって、全部のタグやcssを使えるわけではない、使えるかどうか確認する必要があります。
The Ultimate Guide to CSS:https://www.campaignmonitor.com/css/
まとめ
以上、簡単にhtmlメールを紹介しました。実はレスポンシブ・デザインを対応するもっと複雑な構造もありますよ。一緒に勉強しましょう。