web-dev-qa-db-ja.com

HTMLメールを作成するとき、html、head、bodyタグを使用する必要がありますか？

私のメールビューでは、通常、次のようなことをしています...

<dl>
   <dt>Name</dt>
   <dd>Value</dd>
</dl>

私はこのようにするべきですか？

<html>
  <head></head>
  <body>
    <dl>
       <dt>Name</dt>
       <dd>Value</dd>
    </dl>
  </body>
</html>

言い換えれば、私はスタンドアロンのドキュメントをマークアップしていたように？

Webベースの電子メールクライアントはすべて安全に削除できると思いますか？

正しい方法は何ですか？

htmlemailhtml-email
106
alex

正しい方法は、HTMLに従うことです 標準 。 HTMLページを検証できます here 。

メールクライアントはそれに従い、サポートされていないものやJavaScriptのような安全でないものを捨てるべきです。

UPDATE：規格に従うように言ったときに怒る人々からのいくつかの投票の後、規格に従うことが有益である理由をいくつか明らかにしますここに：

  1. メールをページ全体として表示することを希望するウェブメールは、フォーマットを維持できます。
  2. ウェブメールは、不要なタグと属性を単純に削除します。しかし、あなたはどれを知ることはできません。
  3. フォーマット標準に準拠した（サーバー側の）コンポーネントを見つけやすくなり、エラーが発生しにくくなります。規格に準拠していないパーサーが破損すると、メールが表示されなくなる可能性があります。
38
mschonaker

Html/head/bodyタグを含めるかどうかはまったく関係ありません。これらは常にオプションであり、ドキュメントのレンダリングには一切影響しません。

最も重要なのは、互換モードがオンかどうかです。残念ながら、ウェブメール設定ではそれを制御できません。テーブルとインラインスタイルは友達です。最善の策は、できるだけ多くのWebメールおよびデスクトップクライアントでテストすることです。

33
Josh Lee

このスレッドの投稿の多くはかなり古く、その結果、もはや正確ではありません。

最近、HTML電子メールには、なにか奇抜なことをするつもりなら、doctype、html、およびbody宣言を含める必要があります。

このテーマについては、HTML電子メールを適切にコーディングする方法を学ぶのに役立つガイドが多数ありますが、それらのほとんどは、Doctypeの詳細を無視しています。

さまざまな問題に精通している評判の良いチームからの次の2つの投稿を読むことをお勧めします。

キャンペーンモニターのテイク

アシッドのテイクに関するメール

10
kamelkev

それを受信する電子メールクライアントに完全に依存します。私の経験では、HTMLを解釈するほとんどの電子メールクライアントは、body/head/htmlタグなどが完全にあるかどうかは気にしません。実際、ほとんどのブラウザではこれらのタグさえ必要ありません。スタイル/タイトルなどを含めるには、headタグが必要です。そうでない場合、それ自体は本当に必要ありません。それらが必要だとは見たことがない。

9
Explosion Pills

真実であることがわかっていることが1つあります。HTMLの開始タグと終了タグを使用すると、一般的なスパムスコアリングに役立ちます。開始タグと終了タグ。

8
Greg

正しい方法はないと思いますが、できるだけ多くのメールリーダーでメールを表示できるようにしようとしています。

Outlookはより寛容なので、私は通常Thunderbirdでメールをチェックします。

Thunderbirdでは、これはメールのHTMLコードです（HTMLを表示する拡張機能があります）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body bgcolor="#ffffff" text="#000000">
        This is the body text<br>
<div class="moz-signature"><i><br>
<br>
Regards<br>
Alex<br>
</i></div>
</body>
</html>

ところで、できる限り毎回、すべてのWebフォームにプレーンテキストの電子メールを使用しています。 html + plainテキストメールを使用したブラックベリーメールには多くの問題がありました。

3
Alex Angelico