WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

HTMLメール

HTMLメールとは

テキストのみではなく、HTMLで記述し、画像を挿入したり文字に装飾を加えたりしたメールのこと。
メールソフトによってHTMLの解釈が変わるので注意が必要。

主要メールソフト

各メールソフトのCSS対応状況はこちら

www.campaignmonitor.com

HTMLメールの作り方

  1. tableレイアウトで組む
  2. CSSはインラインで書く
  3. 画像はサーバーにアップして「http://~で始まるパスで書く」

HTMLメールで使用できる要素

様々なメールクライアントで使用できる要素が下記サイトで公開されている。
Emailology - The Science of Looking Good in the Inbox

要素 属性
a accesskey, charset, class, dir, href, hreflang, id, lang, name, rel, rev, style, tabindex, target, title, type
b class, dir, id, lang, style, title
br class, clear, id, style, title
div align, class, dir, id, lang, style, title
font class, color, dir, face, id, lang, size, style, title
h1 align, class, dir, id, lang, style, title
h2 align, class, dir, id, lang, style, title
h3 align, class, dir, id, lang, style, title
h4 align, class, dir, id, lang, style, title
h5 align, class, dir, id, lang, style, title
h6 align, class, dir, id, lang, style, title
head dir, lang, profile
hr align, class, dir, id, lang, noshade, size, style, title, width
img align, alt, border, class, dir, height, hspace, id, ismap, lang, longdesc, name, src, style, title, usemap, vspace, width
label accesskey, class, dir, for, id, lang, style, title
li class, dir, id, lang, style, title, type, value
ol class, compact, dir, id, lang, start, style, title, type
p align, class, dir, id, lang, style, title
span
strong
table
td
th
tr
u
ul