89

私は 10 年以上にわたって Web サイトを開発してきましたが、Web 用に開発する際の私の習慣の多くは、電子メール クライアント用に開発するときには役に立たないことにすぐに気付きました。これは私に多大なフラストレーションを引き起こしたので、質問をしようと思いました：

gmail や Outlook などの設計を時々行う自分のような人にとって、ベスト プラクティスと必要な考慮事項は何ですか?

例: <style>...</style> vs インライン CSS。

要するに、何が Web の世界から E メールの世界に移行し、何が移行しないのでしょうか?

4

3 に答える 3

43

私はしばらくの間、自分の仕事のためにこれらを（かなりの頻度で）行ってきました。HTML メールには多くの落とし穴があります。異なる電子メール クライアントは、HTML を互いに異なる方法でレンダリングし、IE6 を高度に見せます。

これまでに学んだことの要約です。

  • インライン CSS を使用する: スタイルは常にサポートされているわけではありません。
  • テーブル レイアウトを使用する: わかっていますが、div レイアウトは css に依存しており、メール クライアントの多くは対応できません。
  • rowspan を使用しないでください: これにより、奇妙な間隔の問題が発生します。
  • 背景画像を使用しないでください: これらのサポートは制限されています。
  • "display:block" を使用したイメージ タグのスタイル: これにより、hotmail の奇妙な間隔の問題が修正されます。
  • 複数のテーブルを使用している場合、それらを 1 つの親テーブルにネストします。これにより、奇妙な間隔の問題がなくなります。
  • Javascript を使用しないでください: これもあまりサポートされていません。
  • メールが画像なしで判読できることを確認してください: ユーザーが画像を読み込めない可能性があります。
  • オンライン バージョンとリンクを提供する: これにより、ユーザーはメール クライアントがひどいものであっても、意図したコンテンツを見ることができます。
  • テスト、テスト、テスト: あるメール クライアントで機能するからといって、他のクライアントでも機能するとは限りません。大きな問題は Outlook 2007 です。Word を使用して HTML をレンダリングします (ため息)。

これは包括的なリストではありませんが、ほとんどの人を正しい方向に導くはずです。

于 2010-02-09T14:56:02.400 に答える
6

インライン css とテーブル - 2000 年頃の Web 開発を考えてみてください。キャンペーン モニターには、メール クライアントが処理できる内容に関する優れたリソースがあります。また、テストにはhttp://www.emailonacid.com/を使用してください。大量のテストを送信する必要がありません。

于 2010-02-09T14:44:02.290 に答える