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スレーブのメンテナンスに関する経験の共有

推薦する

Javascript 仮想 DOM の詳細な説明

目次仮想DOMとは何ですか?なぜ仮想DOMが必要なのでしょうか?仮想 DOM はどのようにして実際の...

Vueの最初のレンダリングのプロセス全体についての簡単な説明

目次1. Vueの初期化vue エントリ ファイルフルバージョンとランタイムバージョンの違い1.1、...

Tomcat サーバーの応答が遅い場合の解決策

1. 分析的思考1. 機械自身の理由を排除する2. サーバーパフォーマンス分析3. プロジェクト自体...

MySQLクエリのパフォーマンスを分析する方法

目次スロークエリの基礎: データ取得の最適化データベースから不要なデータが要求されていないか確認する...

Linux 編集の開始、停止、再起動の Springboot jar パッケージ スクリプトの例

序文springboot設定ファイルでは、設定ファイルの名前には独自の意味と用途があります。 dev...

JavaScript ドラッグタイム ドラッグケースの詳細な説明

目次DragEvent インターフェースデータ転送インターフェースの概要DataTransfer の...

Mac で MySQL バージョン 5.6 のパスワードを設定する方法

MySQLはインストール時に設定できますが、それより低いバージョンは設定できないようで、インストール...

GIFアニメーション効果を模倣した自動ビデオ再生を実現するWeChatアプレットの例

需要背景:ミニプログラムページに GIF ダイナミック画像を挿入しますが、GIF 画像は通常サイズが...

Win7 の VMware 仮想マシンに Linux7.2 をインストールするインターネット アクセス構成チュートリアル

参考までに、win7システム上のVMware仮想マシンにlinux7.2インターネットアクセス構成を...

meta name="" content="の機能の詳細な説明

1. 文法: <meta name="名前" content="...

Linuxサーバーのファイアウォールを変更してポートへのリモートアクセスを許可する方法

1. 問題の説明セキュリティ上の理由から、新しく構築されたサーバー クラスターでは、指定されたポート...

W3C が推奨するモバイル Web マークアップ言語 XHTML Basic 1.1

W3C は最近、「 XHTML Basic1.1 」と「 Mobile Web Best Prac...

Windows 7 での MySQL 8.0.18 の導入とインストールのチュートリアル

1. 事前準備 (windows7+mysql-8.0.18-winx64) 1. ダウンロードアド...

mysql IS NULL インデックスケースの説明を使用する

導入MySQL の SQL クエリ ステートメントで is null、is not null、!= ...

XHTML におけるタイトルタグと段落タグの使用に関する詳細な説明

XHTML 見出しの概要Word 文書を作成するときは、「第 1 章」、「1.2.1」などのタイトル...