Dois-je utiliser le balisage HTML 4.0 pour mes modèles d'e-mails ?

Question

Un designer a codé un modèle html en utilisant les meilleures pratiques CSS. Je veux utiliser ce modèle comme modèle de newsletter, mais j'ai entendu dire que Hotmail, Yahoo et Gmail offrent un support limité pour les CSS.

Suis-je censé recoder ces modèles en utilisant des mises en page de tableaux et des balises de police ?

Answer 1

La réponse courte est Oui .

Vous obtiendrez la meilleure compatibilité entre les comptes de messagerie Web et les clients de messagerie en utilisant le code HTML le plus basique et le plus simple possible.

• N'utilisez pas de fichiers CSS ou de balises <style>. Allez sur tout en ligne.
• Gérer le positionnement avec des tableaux imbriqués qui ont des largeurs explicites
  • J'utilise beaucoup les commentaires HTML dans ces situations pour m'assurer que je ne me trompe pas sur ma position dans la mise en page.
• Tout le texte doit être entouré de balises <font> avec les informations relatives au style de police.
• Les images doivent avoir une largeur et une hauteur explicites.
  • Cela permet à l'e-mail de conserver sa disposition correcte lorsque les images sont bloquées.

---

Je teste généralement un minimum des éléments suivants :

• Outlook 2003
• Outlook 2007
  • La plupart de vos maux de tête viendront d'ici.
• Thunderbird
• Entourage (version OSX d'Outlook)
• Gmail
• Hotmail
• Yahoo Mail

Vous êtes généralement en bonne posture si vous obtenez quelque chose qui s'affiche correctement sur tous ces supports.

Nous utilisons Exact Target et ils ont une fonction d'aperçu HTML mais elle n'est pas parfaite. J'ai rencontré beaucoup de situations dans lesquelles un courriel semblait bon dans l'aperçu, mais n'était pas transmis dans Outlook 2007.

Answer 2

Mark a dit plus haut tout ce qu'il fallait faire pour développer des modèles d'e-mails (on est encore dans les années 90), mais je voulais ajouter une dernière chose :

http://www.email-standards.org/ est une excellente ressource pour voir comment les différents clients de messagerie interprètent le HTML et le CSS.

Answer 3

Utilisez la balise div avec une hauteur/poids fixe et placez-y tout votre HTML. Le résultat sera le même pour la plupart des clients. Je l'ai déjà essayé et cela fonctionne bien.

Answer 4

Pour poursuivre sur ce que Mark a dit :

Dans la mesure du possible, évitez d'utiliser les feuilles de style en cascade (bien qu'elles conviennent généralement à des éléments tels que le texte). Utilisez des tableaux pour tout positionnement, des <td> éléments de remplissage/de positionnement plus petits.

Et même avec tout cela, il ne sera parfait que dans quelques programmes/sites de messagerie. L'e-mail HTML est, je suis assez sûr de le dire, totalement impossible à faire de telle sorte qu'il apparaisse parfaitement dans tous les clients/applications de messagerie.

Answer 5

Il vous faudra revenir à l'âge de pierre du HTML pour que les courriels HTML fonctionnent comme Mark l'a suggéré. Tous les styles sont en ligne dans le html. Pas de balises STYLE ou de feuilles de style externes.

MailChimp y CampaignMonitor Tous deux proposent d'excellents modèles d'e-mails HTML gratuits. Ils offrent également tous deux des services de test d'e-mail qui envoient vos e-mails html à plusieurs clients de messagerie différents et vous envoient ensuite des captures d'écran des résultats.