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

推薦する

HTML テーブル マウス ドラッグ ソート機能

効果画像: 1. ファイルをインポートする<script src="js/jquer...

MySQLクエリ条件のnot inとinの違いと理由

まずSQLを書く SELECT DISTINCT from_id タラから cod.from_id ...

WeChat パブリック アカウントの録音ファイルを再生して保存します (amr ファイルを mp3 に変換)

目次オーディオトランスコーディングツール原理JAVE プロジェクトの問題このプロジェクトの特徴拡張機...

カルーセル効果を実現するネイティブJavaScript

この記事では、カルーセルの効果を実現するためのJavaScriptの具体的なコードを参考までに共有し...

HTTP ヘッダー情報の解釈と分析 (詳細概要)

HTTP ヘッダーの説明1. Accept: Web サーバーに受け入れるメディア タイプを通知しま...

Tomcat マルチインスタンスの展開と構成の原則

1. ファイアウォールをオフにし、Tomcatのインストールに必要なソフトウェアパッケージを/opt...

超大型フォントを使用した 40 の Web ページ デザイン

今日の Web デザインでは、非常に大きなフォントが表示される傾向があります。これらのオープンソース...

HTML のキャンバスに基づくスクリーンショットのデモ

冒頭に書いた以前、Renren で JS ベースのスクリーンショット ソリューションについて説明した...

Linuxでテキスト比較を実現するコツを教えます

序文コードを書く過程で、必然的にコードに何らかの変更を加えることになります。しかし、変更を加えるとき...

Linux でソフトウェア パッケージのバージョンをアップグレードする方法の詳細な説明

Linux環境で、特定のソフトウェア(パッケージ)がインストールされているかどうかを確認したい。 r...

Mysql 5.6.37 winx64 インストール デュアル バージョン mysql ノート

マシンに MySQL バージョン 5.0 がすでに存在する場合は、最新バージョンの MySQL のイ...

LinuxシステムにISOファイルをインストールする方法

Linux システムで iso ファイルをインストールするにはどうすればいいですか?インストール手順...

Docker クリーンアップ環境操作

丁寧に掃除を始めましょう!未使用ボリュームの一覧docker ボリューム ls -qf dangli...

ハイパーリンクに関するいくつかの質問

<br />ポテトチップスパーティーのこのエピソードに参加して、何人かの友達に会えてとて...

CSS3 シンプルカットカルーセル画像実装コード

実装のアイデアまず、親コンテナーを作成し、2 つの順序なしリストを使用して、柔軟なレイアウトで親コン...