こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

HTMLメールの書き方について

HTMLメールを送信したいのですが
受取人が何のメーラーを使用しているか分かりません。
ブラウザでメールを見ているかも知れません。

幅を指定する場合
例)
Style属性に
<img style="width:100%" ・・・
という書き方と
<img width="100%" ・・・
という書き方があると思います。

どちらで書く方がよりメールが崩れないのでしょうか?

投稿日時 - 2018-11-15 16:53:59

QNo.9558216

WDY

困ってます

質問者が選んだベストアンサー

両方とも同じように表示になります。
ただ,意味合いが異なってきます。

Style属性の場合、デザインとしての大きさをCSSをタグに直打ちに指定してることになります。
もう一方はimg要素の width属性で指定していることになります。
img要素にはなるべく幅(Width)と高さ(height)、そして画像の説明(alt)属性を指定することが推奨されています。
なので,img要素に関しては後者の書き方が望ましいと思われます。

因みに,ビジネスメールのシェアについて一般社団法人日本ビジネスメール協会という団体がメールクライアントのシェアを発表しました。
それによると,
Gmail(G Suiteを含む)(38.36%)
Outlook(35.07%)
iPhone(iPad)のメールソフト(10.56%)
Yahoo!メール(10.11%)
Office 365(7.64%)

となっていました。
詳しくは参考URL先に置いてあるPDFをご確認ください。
Gmail、Outlook 、iPadでの表示が崩れていなければ大丈夫でしょう。
一端,自分宛に送ってみてこれらのメーラーで確認すると誤爆は減るとおもいます。

参考URL:http://businessmail.or.jp/archives/2018/06/05/8777

投稿日時 - 2018-11-15 18:56:44

お礼

ご回答ありがとうございます。
推奨している書き方をして一般的に使用しているメールクライアントにて確認してみます。
それで崩れていなければ何%の人は崩れませんと言えそうですね

投稿日時 - 2018-11-16 10:09:55

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

HTMLメールを書けるメーラーを使えばいいです。たとえばThunderbird。自分でHTMLで書いてもメーラーは受け付けませんよ。

投稿日時 - 2018-11-16 00:31:30

お礼

ご回答ありがとうございます。
ThunderbirdはHTMLを直接書いても
HTMLをデコードして<body>区に書かれてしまう為メーラーは受け付けないんだと思います。

投稿日時 - 2018-11-16 10:01:13

ANo.1

書くデータによります。

投稿日時 - 2018-11-15 18:25:13

お礼

例として上げたのは画像の貼り付けで書かせて頂いたのですが
書くデータによるのであれば
どの様なStyleの書き方であれば崩れず表示されるのでしょうか?
基本フレームの追記をお願いします。
また、その書き方に対応したブラウザ、メーラーは何になるのでしょうか?

投稿日時 - 2018-11-15 18:57:53

あなたにオススメの質問