HTMLメールの雛形

質問

タイトル通りなのですがHTMLメールの雛形を作成しています。
自分なりに調べてみたのですが基本テーブルデザインでCSSは
インライン、全体のサイズも軽くするよう心がけるというような
事なのですがわからない点があります。

1・テーブル幅の妥当な線は？
2・divタグも問題なく使用できる？
3・フォントサイズを指定するには？

1については、現状100%のテーブルで枠を作りセンター寄せで600pxの
テーブルをつくりそこにコンテンツを表示しているのですがこれが
大きいのか小さいのか微妙なところで表示に問題ないものか不安な
ところです・・・
※システムができていないので実際に送信しての確認は現在不可
です。

2については特に問題ないと思うのですがテキストなどをインラインCSS
で設定する場合などpではなくdivでも問題ないものかと・・・

3については全てデフォルトではなく特定の箇所ごとに変更したく
何px位で指定してやればちょうどいいものかと・・・

単純にブラウザで表示するだけであれば問題ないのですが初めてな
もので不安要素だらけですw

その他注意点などお気づきの情報があれば教えて頂けますと幸いです。
宜しくお願い致します。

回答No.1

abril · ベストアンサー

（HTMLメールについての是非はあっちに置いておきます）

1 テーブル幅

成り行き（ウィンドウサイズに依存）で支障のないレイアウトにしておくのが一番ユーザにとってストレスがないと思いますが。

2 divタグ
3 フォントサイズ

> インラインCSSで設定する場合などpではなくdivでも問題ないものかと・・・

インラインか否かとは何の関係もない問題ですね。通常のWebコンテンツを作る時と同じです。divでマークアップするのが適切であればdivですれば良いですし、p（パラグラフ）が相応しければpで。

3 フォントサイズ

> 全てデフォルトではなく特定の箇所ごとに変更したく

これも通常と同様に、ベースのサイズを決めて相対的に指定にしておけばよいのでは。

> ※システムができていないので実際に送信しての確認は現在不可です。

？とりあえず自分のメーラ上から自分宛に送って表示などを確認してみては？

> 単純にブラウザで表示するだけであれば問題ないのですが初めてなもので不安要素だらけ

今時の（HTMLメールに対応した）メーラで見るのであれば、ブラウザ上で見るのと何ら変わりないと思いますよ。
作成の際も、文字コードや画像のパスに気を付けるぐらいで。

下記などは参考になるのではないでしょうか。
http://coliss.com/articles/build-websites/operation/work/104.html

お礼

お返事ありがとうございます。
参考URLまで教えて頂きまして感謝です。

旧式のhtmlで書くのがベターというのは理解していたのですが
head内のCSSも有効になることや文字コードなど非常に参考に
なりました。

手間だったのですがインライン要素で設定するとったので
<div style="・・・">aaa</div>
のようにそれぞれに設定しておりました^^;

初めてなもので難しく考えていたようですが参考URLのポイントを
踏まえれば基本的にブラウザ表示と同じで問題ないようなので
おかげさまで一安心です^^