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

推薦する

CSSを使用して複数の画像を中央に水平に表示する方法

まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...

ウェブデザインとは何か

<br />元の記事: http://www.alistapart.com/articl...

Linuxグループの基礎知識ポイントまとめ

1. Linuxグループの基本紹介Linux では、すべてのユーザーはグループに所属する必要があり、...

Vue ElementUI で Excel ファイルを手動でサーバーにアップロードする方法の詳細な説明

目次概要プロパティ設定処理ロジック概要具体的な需要シナリオは次のとおりです。 Excel ファイルを...

HTML フォームタグチュートリアル (3): 入力タグ

HTML フォーム タグのチュートリアル。このセクションでは、主に Web ページで INPUT タ...

MySQL パスワードは正しいが、ローカルにログインできない -1045

MySQLパスワードは正しいが、ローカルでログインできない -1045 ユーザー 'roo...

CentOS6 アップグレード glibc 操作手順

目次背景glibc 2.14をコンパイルするソフトリンクを変更するやっと背景テスト環境には Cent...

入力要素 [type="file"] を使用する場合のスタイルのカスタマイズとブラウザの互換性の問題に関する議論

この2日間、Baixing.comの筆記試験問題を解いているときに、このような問題に遭遇しました。H...

DockerでRedisを使用するための詳細な手順

1. はじめにこの記事では、Docker を使用して Redis を探索する方法を説明します。 Do...

LinuxでLVMディスクを拡張する詳細な手順

1.ハードディスクを追加する2. パーティションの状態を確認します: fdisk -l 3. パーテ...

MySQL における 8 つの一般的な SQL 使用例

序文MySQL は、2016 年もデータベースの人気において力強い成長傾向を維持し続けました。 My...

docker を使用して複数のネットワーク インターフェースを持つコンテナーを起動する方法の例

コンテナにネットワークインターフェースを追加する1 デフォルトのネットワークモードでコンテナを実行す...

Vue は動的な円形のパーセンテージ進捗バーを実装します

最近、小さなプログラムを開発しているときに、次の設計図のような円形のパーセンテージ進捗状況バーを実装...

Dockerはmysqldumpコマンドを使用してプロジェクト内のmysqlデータをバックアップおよびエクスポートします。

mysqldump コマンドはじめに: データベースバックアッププログラム形式: mysqldum...

MySQL の遅いクエリの例

導入スロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメントを記録で...