Web ベースの電子メール コンテンツの HTML フォーマット標準の概要

Web ベースの電子メール コンテンツの HTML フォーマット標準の概要

1. ページ要件

1) 標準のヘッダーとフッターを使用する

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” >   
  2. < html   xmlns ="http://www.w3.org/1999/xhtml" >   
  3. <ヘッド>   
  4. <メタ  http-equiv = "コンテンツタイプ"コンテンツ= "text/html;文字セット= utf -8" >   
  5. < title >ウェブページ形式の電子メールを作成する方法</ title >   
  6. </ヘッド>   
  7. <本文 スタイル=”マージン:0;パディング:0″ >   
  8. </本文>   
  9. </html>   

2) gb2312エンコード形式を統一的に使用する
3) ページの表示幅は400px~800px、高さは1画面内で制御するのが一般的です。
4) ページに js コードやフラッシュコンテンツが含まれない (アニメーションが必要な場合は gif を使用する)
5) ページ上のすべての画像は絶対アドレスである必要があります
6) ページの内容はテキスト形式で表示するのが最適です。

2. コード要件

1) テーブルを使用してページを作成し、幅を設定する必要があります。div 形式の一部の属性は電子メール クライアントで完全にサポートされていないため、使用を避けることをお勧めします。
2) DTD宣言で、<html xmlns=http://www.w3.org/1999/xhtml>を<html>に変更してください。
3) CSS を外部から呼び出したり、<head> セクションに書き込んだりすることはできません。すべてのスタイルはタグ内に書き込まれます。
4) 背景画像は禁止です。
5) 画像の表示効果に影響を与えずに、可能な限り画像を最適化して、顧客がメールを開いたときにできるだけ短時間で画像を見ることができるようにし、メールの閲覧率を高めます。
6) すべての画像には幅、高さ、alt タグが必要です。また、alt コンテンツは長すぎてはならず、特殊文字は使用しないでください。
7) マップ マーカーを Outlook で通常どおりクリックできず、リンク先の URL を開くことができないため、画像リンクではホットスポットが禁止されています。
8) リンクを開く方法は次のように統一されています: _blank
9) mailto の正しい書き方: 例: <mailto:[email protected]> [email protected]</a>
10) フローティングレイヤーは禁止
11) コードはクリーンで、不要なスペースや改行は削除され、コードの合計サイズは50K未満である必要があります。


3. メールテスト

1) サーバーにアップロードし、ウェブページを開いてCtrl+Aを押し、コピーしてメールに貼り付けます。
2) ウェブページをローカルで開き、直接コピーして、電子メールの添付ファイルとして写真をアップロードします。

<<:  nginx リバース プロキシでの proxy_pass の実装

>>:  MySQLスレーブのメンテナンスに関する経験の共有

推薦する

Linux に nginx をインストールする方法

Nginx は C 言語で開発されており、Linux で実行することをお勧めします。もちろん、Win...

CentOSバージョンにDockerをインストールする際のエラーの解決方法

1. バージョン情報 # cat /etc/system-release CentOS Linux ...

Centos8 でローカル Web サーバーを構築するための実装手順

1 概要システム Centos8 では、httpd を使用してローカル Web サーバーを構築します...

MySQL 8.0.22 のインストールと設定のグラフィックチュートリアル

MySQL8.0.22のインストールと設定(超詳細)参考までに、具体的な内容は次のとおりです。みなさ...

CSS フロントエンドページレンダリング最適化属性 will-change の具体的な使用法

序文スクロールやサイズ変更などのスクロール イベントがトリガーされると、トリガーの頻度が非常に高くな...

Docker ベースの nginx ファイル サーバーを構築する方法と手順

1. このマシンに新しい設定ファイルdocker_nginx.confを作成します。 サーバー{ 7...

無効と読み取り専用で入力を読み取り専用に設定する

読み取り専用入力を実現するには、無効と読み取り専用の 2 つの方法があります。当然、どちらの結果も読...

VMwareでCentOSがインターネットにアクセスできない問題を素早く解決

昨日、VMware に CentOS7 をインストールしました。Tomcat パッケージを転送するた...

静的ページと動的ページの実行メカニズムの説明

1. 静的ページとは、Web ページ内に HTML タグのみが含まれるページです。WEB 開発者がこ...

WAMPにインストールするとMySQLが起動できるが、再起動後に起動できなくなる問題の解決方法

初めてwampをインストールした後、すべてのサービスが正常に使用できますが、再起動するとwampのア...

Linux7 ベースの Hadoop のインストールと構成の詳細なグラフィック説明

上記のように材料を準備します(ps: hadoop-3.1.2-srcはhadoop-3.1.2に変...

VMware15 の Deepin インストール詳細チュートリアル (画像とテキスト)

序文Deepin のユーザー インターフェイスは、使用時に非常に見栄えがします。インターフェイス効果...

Docker で Java 8 Spring Boot アプリケーションを開発する方法

この記事では、ローカル マシンに Java 8 をインストールせずに、Java 8 を使用して簡単な...

HTMLページでよく使われるいくつかの小さなメソッド

<Head>タグに追加する<meta http-equiv="pragm...

Vueプロジェクトをパッケージ化してリリースする手順

目次1. 開発環境から本番環境への移行2. 統一されたリクエストパスを設定する3. パッケージ化コマ...