email => メタ情報

前書き

ウェブ開発と同様に、 <meta>タグはメールの<head>タグに含めることができます。 <meta>タグは電子メールコードを解釈して表示する方法を電子メールクライアントに指示します。これらは、電子メールで定期的に使用される<meta>タグです。

Content-Typeメタタグは、テキストと特殊文字の処理方法をレンダリングエンジンに伝えるためのものです。とにかくすべての特殊文字をエンコードする必要があります（例：アンパサンドの&は&となり& ）。

utf-8はほとんどの場合動作します

<head>
    <meta charset="utf-8">
</head>

または

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>

あなたのdoctype応じて。

viewportメタタグは、デバイスに、表示可能領域をデバイス画面の幅に設定するように指示します。また、初期スケールを標準（拡大または縮小しない）に設定します。

<meta name="viewport" content="width=device-width">

または

<meta name="viewport" content="width=device-width, initial-scale=1.0">

強制的な初期スケールは必要ないはずですが。

これが指定されていない場合、多くのスマートフォンは内容が表示領域内に収まるようにコンテンツの縮尺を変更できますが、埋め尽くされた領域や余白は変更できません。これにより、テキストと画像が画面の端に突き当たることがあります。

IE=Edgeメタタグは、最新の（エッジ）バージョンのIEレンダリングエンジンを使用するように宛先レンダリングエンジンに指示するためのもので、Windows Phoneで応答性の高い動作を可能にします。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

時にはこれがライブメールの画像を壊すことがあるので、 IE=EdgeタグはMicrosoft固有のものなので、条件付きコメントでラップしてライブメールから隠すことができます：

<!--[if !mso]><!-- -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->

アップルのiOS 10 Mail は、応答しないメールを常に自動スケールするとは限りません。 auto-scaleメタタグは、iOS 10 Mailの自動スケール機能を完全に無効にするために使用できます。

<meta name="x-apple-disable-message-reformatting">

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow