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 メタの説明

導入メタタグは、HTML言語のHEAD領域にある補助タグです。 meta は、ページの説明、キーワー...

DockerにJava環境をインストールするための実装手順

この記事は Linux centos8 をベースにして、docker をインストールし、イメージをプ...

Dockerの急速な拡張の高度な方法

1. コマンド方式作成された Swarm クラスターで nginx サービスを実行し、--repli...

Vue.js での VNode の使用

VNodeとはvue.js には VNode クラスがあり、これを使用してさまざまな種類の vnod...

Ubuntu 18.04 に Anaconda3 をインストールするための詳細なチュートリアル

Anaconda は、conda、Python、およびそれらの依存関係など、180 を超える科学パッ...

JavaScript の 7 つのデータ型の詳細な説明

目次序文:詳しい紹介:練習する:要約する序文: Python、Java、Cシリーズなど、すべての主要...

MySQL デッドロック ルーチン: 一意のインデックスの下でのバッチ挿入順序の不一致

序文デッドロックの本質はリソースの競合です。バッチ挿入の順序が一貫していないと、デッドロックに陥りや...

HTMLポップアップdivはモバイルの中央揃えを実現するのに非常に便利です

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

Vueはmockjsを使用してシミュレートされたデータケースの詳細を生成します

目次プロジェクトにmockjsをインストールするVueプロジェクトでmockjsを使用する基本的なプ...

Vueのイベント処理とイベント修飾子の詳細な説明

<div id="ルート"> <h2>頑張れ、{{na...

Linuxディレクトリ構造の詳細な紹介

Linuxを学び始めるときは、まずLinuxの標準ディレクトリ構造を理解する必要があります。 / r...

Vue で配列パラメータを渡すための get / delete メソッド

フロントエンドとバックエンドがやり取りする場合、get または delete を介してバックエンドに...

mysql における mydumper と mysqldump の比較

いくつかのテーブルまたは単一のデータベースのみをバックアップする場合は、innobackup よりも...

TypeScriptのインストールと使用方法と基本的なデータ型

最初のステップはTypeScriptをグローバルにインストールすることですnpmを使用してインストー...

MYSQL での Truncate の使用法の詳細な説明

この記事のガイド: テーブル内のデータを削除するには、削除と切り捨ての 2 つの方法があります。TR...