主流のメールボックスで正常に表示できるHTMLメール作成のヒント_HTML/Xhtml_Webページ制作

HTML メールを送信するための提案: スタイルを使用してインライン CSS を記述し、テーブルを使用して左右のレイアウトを実装するか、背景要素を使用して背景画像を設定します。
ほぼすべての会員制 Web サイトでは、登録確認やマーケティング プロモーションなど、会員との通信のためにバックグラウンドで電子メールを送信する必要があります。 Web サイトからメンバーに送信されるこれらのレターはプレーン テキスト形式であることが多く、現時点では、インターフェイスや対話の要件を満たすことができません。 HTML メールはこのサイトの独立したホスト ページではないため、他のサイトでホストされています。したがって、HTML 電子メールの作成は、HTML ページの作成とは大きく異なります。なぜなら、ネチズン向けのすべての主流メールボックスは、バックグラウンドで受信する HTML メールを多かれ少なかれフィルタリングするからです。 onclick や onmouseover などのすべてのイベント リスニング属性を含め、JS コードが厳密にフィルタリングされていることは間違いありません。これは電子メールのセキュリティに関する考慮事項に基づいています。それだけでなく、CSS コードも部分的にフィルターされます。私が話したいのは、主要な主流メールボックスでフィルタリングされず、正常に表示できる HTML メールを作成する方法です。
HTML メールの送信に関する提案: スタイルを使用してインライン CSS を記述し、テーブルを使用して左右のレイアウトを実装したり、背景画像を設定したりできます。
まず、メールボックスに HTML メールがどのように表示されるかを見てみましょう。私自身電子メール システムに取り組んだことはありませんし、主要なメールボックスのバックグラウンドで行われているフィルタリング アルゴリズムを部外者が知るのは簡単ではありません。したがって、どの書き込みメソッドがメールボックスで受け入れられ、どの書き込みメソッドが除外されるかを推測するには、フロントエンド表示を使用することしかできません。 gmail、hotmail、163、sohu、sina のメールボックスの分析を通じて、メールボックスを 2 つのカテゴリに分類しました。
最初のカテゴリには、gmail、hotmail、sohu が含まれます。このタイプのメールボックスでは、電子メールのコンテンツはメールボックス ページ全体の特定の div にレイアウトされます。
2 番目のカテゴリには 163 と sina が含まれます。このタイプのメールボックスでは、電子メールのコンテンツは別の iframe にレイアウトされます。
HTML に詳しい友人は、iframe コンテンツが独立したドキュメントとして扱われ、親ページの要素や CSS から独立していることを知っています。ほぼ独立したページとして扱うことができます。また、電子メールのコンテンツが div 内にある場合、電子メールのコンテンツはメールボックス ページ全体の不可欠な部分になります。表示方法として iframe を使用するメールボックスは、表現のための十分な独立したスペースを提供するため、電子メールのコンテンツに対する耐性がはるかに高くなるのは明らかです。 divはそれほど丁寧ではありません。想像してみてください。この CSS 文をメールに記述した場合、メール表示ページ全体のフォント サイズが 20px になり、めちゃくちゃになります。
本文 {font-size:20px}

各メールボックスと互換性のある統一されたメールテンプレートを記述する必要があるため、上記の外部 CSS の記述方法は避けなければなりません。また、異常なコンテンツ フローを形成するスタイルもフィルタリングされます。 write を実行すると、外部メールボックスのパフォーマンスに影響を与える可能性があります。