Recherche…


Introduction

Comme pour le développement Web, les balises <meta> peuvent être incluses dans la <head> d'un e-mail. <meta> balises <meta> indiquent aux clients de messagerie comment interpréter et afficher le code de messagerie. Ce sont des balises <meta> régulièrement utilisées dans les emails.

Type de contenu

La balise Meta Content-Type sert à indiquer au moteur de rendu de destination comment traiter le texte et les caractères spéciaux. De toute façon, vous devez encoder tous les caractères spéciaux (par exemple, & devient &amp; pour une esperluette), mais cela vaut la peine de garder cette ligne là-dedans.

utf-8 fonctionne dans la plupart des cas

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

ou

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

en fonction de votre doctype .

Fenêtre

La viewport balise meta indique un dispositif pour définir la zone visible à la largeur de l'écran de l' appareil. Il définit également l'échelle initiale à normale (pas zoom avant ou arrière).

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

ou

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

Bien que forcer l'échelle initiale ne devrait pas être nécessaire.

Si cela n'est pas spécifié, de nombreux smartphones peuvent réduire le contenu afin que son contenu corresponde à la zone visible, mais pas à son remplissage ni à ses marges. Cela peut entraîner le texte et les images se heurtant directement au bord de l'écran.

Afficher le mode EdgeHTML

La balise Meta IE=Edge d'indiquer au moteur de rendu de destination d'utiliser la dernière version (périphérique) du moteur de rendu d'IE, ce qui permet un comportement réactif dans les téléphones Windows.

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

Occasionnellement, cela interrompt les images dans Live Mail. IE=Edge balise IE=Edge est spécifique à Microsoft, elle peut être encapsulée dans un commentaire conditionnel pour la masquer à Live Mail:

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

Désactiver la mise à l'échelle automatique dans iOS 10 Mail

Apple iOS 10 Mail ne redimensionne pas toujours automatiquement les e-mails non réactifs . La balise Meta à auto-scale peut être utilisée pour désactiver complètement la fonctionnalité d’échelle automatique dans iOS 10 Mail.

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


Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow