電子メールテンプレートに HTML 4.0 マークアップを使用する必要がありますか?

質問

デザイナーは CSS のベストプラクティスを使用して HTML テンプレートをコーディングしました。このテンプレートをメールニュースレターのテンプレートとして使用したいのですが、hotmail、yahoo、gmail では CSS のサポートが制限されているという話を聞きました。

テーブルレイアウトとフォントタグを使用してこれらのテンプレートを再コーディングする必要がありますか?

解決

短い答えは次のとおりですはい.

最も基本的で簡略化された HTML を使用することで、Web メールアカウントと電子メールクライアント間で最高の互換性が得られます。

CSS ファイルや <style> タグは使用しないでください。する すべて 列をなして。
明示的な幅を持つネストされたテーブルでの位置決めを処理する
- このような状況では、レイアウト内のどこにいるのか混乱しないように、HTML コメントを多用します。
すべてのテキストは、フォントスタイル情報を含む <font> タグで囲む必要があります。
画像には幅と高さを明示的に指定する必要があります。
- これにより、画像がブロックされた場合でも、電子メールが適切なレイアウトを維持することができます。

私は通常、少なくとも次の項目についてテストします。

これらすべてに適切な結果が得られれば、通常はかなり良い状態にあります。

私たちは Exact Target を使用しており、HTML プレビュー機能もありますが、完璧ではありません。遭遇しました たくさん 電子メールがプレビューでは良好に見えても、Outlook 2007 では依然として破損している状況の例を示します。

他のヒント

マークは、上記（それはすべての上に再び90年代だ）あなたは電子メールテンプレートを開発するために必要なすべてのものを言ったが、私は1つの最後の事を追加したい：

http://www.email-standards.org/ を参照するには素晴らしいリソースですどのように異なるの電子メールクライアントは、HTMLやCSSを解釈します。

のマークが言った上に構築するには：

もし可能ならば、（ただし、それはテキストのようなもののために、通常は大丈夫だ）すべてのCSSを使用しないでください。すべての位置決め、パディング用の空<td>要素/小さい測位ビットのテーブルを使用します。

とにも、このすべてで、ほんの数メールプログラム/サイトで完璧に仕上げるために起こっています。 HTMLメールは、私はそれがすべてのメールクライアント/アプリケーションに完全に現れるような方法で行うことは全く不可能、と言ってではかなり自信を持って、です。

マークが提案したように HTML メールを機能させるには、石器時代の HTML に戻る必要があります。すべてのスタイルは HTML にインラインで含まれます。STYLE タグや外部スタイルシートはありません。

メールチンパンジーそしてキャンペーンモニターどちらも優れた無料の HTML 電子メールテンプレートを提供します。また、どちらも、HTML メールを複数の異なるメールクライアントに送信し、結果のスクリーンショットを送信するメールテストサービスも提供しています。

固定身長/体重とのdivタグを使用し、そこにすべてのあなたのHTMLを置きます。これは、ほとんどのクライアントで同じように見えるだろう。私は前にそれを試してみたし、それが正常に動作します。

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow

電子メール テンプレートに HTML 4.0 マークアップを使用する必要がありますか?