Introduction de l'article de wulin.com (www.vevb.com): Lorsque nous faisons du marketing par e-mail, nous espérons que l'utilisateur ouvrira l'e-mail et voyons que nous l'envoyons à l'autre partie. Cependant, le rendu des pages HTML par e-mail est différent de celui du navigateur. La capacité de rendu est beaucoup plus petite. L'effet affiché normalement dans le navigateur fera des erreurs dans l'e-mail, ou il ne peut pas être rendu.
Lorsque nous faisons du marketing par e-mail, nous espérons que l'utilisateur verra qu'après avoir ouvert l'adresse e-mail, nous l'envoyons à l'autre partie. Cependant, le rendu des pages HTML par l'adresse e-mail est différent de celui du navigateur. La capacité de rendu est beaucoup plus petite. L'effet affiché normalement dans le navigateur fera des erreurs dans l'e-mail, ou il ne peut pas être rendu. Après d'innombrables tests, lors de la conception et de la production d'e-mails Web, le site Web d'enseignement Web vous rappelle de prêter attention aux points suivants:
1. Aucune image d'arrière-plan ne peut être utilisée;
2. Le style doit être écrit dans le code HTML, similaire à Style = Text-Decoration: Aucun; Couleur: # 666; taille de police: 12px; En outre, les styles de <'style> <' / style> doivent être placés dans le corps pour fonctionner, mais certains styles seront perdus pendant le processus de transfert, il n'est donc pas recommandé de les utiliser.
3. Ajouter l'alt et le titre à chaque image
4. Considérez la largeur de l'e-mail. De nombreux utilisateurs utilisent des ordinateurs portables et la résolution de l'ordinateur portable est de 1280 * 708. . . Par conséquent, pour une bonne expérience utilisateur à première vue, vous devez avoir la bonne largeur
5. Toutes les images doivent être avec des adresses absolues, sinon elles ne seront pas affichées sur le terminal client et peuvent être affichées dans FoxMail;
6. En termes de mise en page, utilisez le tableau, pas div, car même la marge: 0 Auto ne fonctionne pas dans l'e-mail. L'attribut CSS n'est pas testé, mais il est vraiment restreint, alors utilisez le tableau;
7. Essayez d'ajouter une largeur à chaque bloc. Si vous n'écrivez pas la largeur, il y aura des bugs inexplicables;
8. L'effet d'affichage est soumis à l'adresse e-mail. Dans certains cas, le rendu de la page par le navigateur est différent de l'adresse e-mail;
Avertissement de risque:
Lorsque la fenêtre est rétrécie dans une certaine mesure, certaines images seront réduites et les limites de la page seront désordonnées. Ceci est la règle de rendu de l'e-mail. Avec la conception actuelle, ce bogue ne peut pas être évité, de sorte que la largeur ne peut être modifiée que pour être plus petite (il y a également un problème lors du test de l'e-mail du système envoyé par le centre de messagerie NetEase).