Conseils pour créer des e-mails HTML pouvant être affichés normalement dans la production de boîtes aux lettres grand public_HTML/Xhtml_Web

Suggestions pour l'envoi d'e-mails HTML : utilisez le style pour écrire du CSS en ligne ; utilisez moins d'images ; utilisez des tableaux pour implémenter des mises en page à gauche et à droite ou des mises en page plus complexes ; utilisez des éléments d'arrière-plan pour définir des images d'arrière-plan, etc.
Presque tous les sites Web basés sur l'adhésion doivent envoyer des e-mails en arrière-plan pour communiquer avec les membres, comme la confirmation d'inscription et la promotion marketing. Ces lettres envoyées par le site aux membres sont souvent au format texte brut et ne peuvent pas répondre aux exigences d'interface et d'interaction. À l'heure actuelle, nous devons envoyer des pages HTML. L'email HTML n'étant pas une page HOST indépendante sur ce site, il est hébergé sur d'autres. L’écriture d’e-mails HTML est donc très différente de l’écriture de pages HTML. Parce que toutes les boîtes aux lettres grand public des internautes filtreront plus ou moins les e-mails HTML qu’ils reçoivent en arrière-plan. Il ne fait aucun doute que le code JS est strictement filtré, y compris tous les attributs d'écoute d'événements, tels que onclick et onmouseover. Ceci est basé sur des considérations de sécurité de messagerie. De plus, le code CSS sera également partiellement filtré. Ce dont je veux parler, c'est de la façon d'écrire des e-mails HTML qui ne sont pas filtrés par les principales boîtes aux lettres grand public et qui peuvent être affichés normalement.
Suggestions pour l'envoi d'e-mails HTML : utilisez le style pour écrire du CSS en ligne ; utilisez moins d'images ; utilisez des tableaux pour implémenter des mises en page à gauche et à droite ou des mises en page plus complexes ; utilisez des éléments d'arrière-plan pour définir des images d'arrière-plan, etc.
Tout d’abord, examinons comment la boîte aux lettres affiche les e-mails HTML. Je n’ai jamais travaillé moi-même sur un système de messagerie, et les algorithmes de filtrage en arrière-plan des principales boîtes aux lettres ne sont pas faciles à connaître pour les étrangers. Par conséquent, nous ne pouvons utiliser l'affichage frontal que pour déduire quelles méthodes d'écriture sont acceptées par la boîte aux lettres et lesquelles seront filtrées. Grâce à l'analyse des boîtes aux lettres Gmail, Hotmail, 163, Sohu et Sina, j'ai divisé les boîtes aux lettres en deux catégories :
La première catégorie comprend Gmail, Hotmail et Sohu. Dans ce type de boîte aux lettres, le contenu de l'e-mail est disposé dans un certain div dans toute la page de la boîte aux lettres.
La deuxième catégorie comprend 163 et sina. Dans ce type de boîte aux lettres, le contenu de l'e-mail est présenté dans une iframe distincte.
Les amis qui connaissent le HTML savent que le contenu iframe est traité comme un document indépendant et est indépendant des éléments et du CSS de la page parent. Il peut presque être traité comme une page indépendante. Et si le contenu de l’e-mail est dans un div, alors le contenu de l’e-mail fait partie intégrante de l’ensemble de la page de la boîte aux lettres. Évidemment, les boîtes aux lettres qui utilisent l'iframe comme méthode de présentation seront beaucoup plus tolérantes au contenu des e-mails car elles vous offrent un espace d'expression suffisamment indépendant. Le div n'est pas si poli. Imaginez, si vous écrivez cette phrase CSS dans votre e-mail, la taille de la police sur toute la page d'affichage de l'e-mail deviendra-t-elle 20 pixels et elle sera gâchée :
corps {font-size:20px}

Nous devons écrire un modèle d'e-mail unifié compatible avec chaque boîte aux lettres, nous devons donc éviter la méthode d'écriture CSS externe ci-dessus. De plus, les styles tels que float et position qui forment des flux de contenu anormaux seront également filtrés. write , cela est susceptible d'affecter les performances des boîtes aux lettres externes.