HTML を使用して簡単なメール テンプレートを作成_HTML/Xhtml_Web ページの作成

今日は「ローテク」の質問について書きたいと思います。

私は JavaScript Weekly など、多くのニュースレターを購読しています。その週の重要なニュースを毎週メールで受け取ります。

ある日、私もこんなメールを作ってもいいだろうかと考えました。

そして、それはそれほど簡単ではないことがわかりました。背景や編集作業はさておき、メール テンプレートをデザインするだけでも多くの考慮が必要です。

この形式の電子メールは実際には Web ページであるため、その正式名称は HTML 電子メールです。正しく表示されるかどうかはメールクライアントに依存します。ほとんどの電子メール クライアント (Outlook や Gmail など) は HTML 設定をフィルタリングして、電子メールを認識できなくします。

HTMLメールを書くコツは、15年前のWebページ作成方法を使うことだと分かりました。以下は私がまとめたライティングガイドです。

1.Doctype

現在、最も互換性のある Doctype は XHTML 1.0 Strict です。実際、Gmail と Hotmail は Doctype を削除し、この Doctype に置き換えます。

この Doctype を使用すると、HTML5 構文は使用できなくなります。

2.レイアウト

Web ページのレイアウトにはテーブルを使用する必要があります。まず、背景を設定するために一番外側に大きなテーブルを配置します。

テーブルのボーダー属性は 1 ですが、これは便宜上配布されるためです。正式に配布されるときは、この属性は 0 に設定されます。

内側の層には、コンテンツを表示するために 2 番目のテーブルが配置されます。2 番目のテーブルの輝度は 600 ピクセルに設定されており、クライアントの表示輝度を超えないようになっています。