Vorschläge zum Versenden von HTML-E-Mails: Verwenden Sie Stil, um Inline-CSS zu schreiben; verwenden Sie Tabellen, um linke und rechte Layouts zu implementieren, oder verwenden Sie Hintergrundelemente, um Hintergrundbilder usw. festzulegen.
Fast jede auf Mitgliedschaft basierende Website muss E-Mails über den Hintergrund senden, um mit Mitgliedern zu kommunizieren, z. B. zur Registrierungsbestätigung und zur Marketingförderung. Diese von der Website an Mitglieder gesendeten Briefe liegen häufig im Nur-Text-Format vor und können die Schnittstellen- und Interaktionsanforderungen nicht erfüllen. Derzeit müssen wir HTML-Seiten senden. Da die HTML-E-Mail keine unabhängige HOST-Seite auf dieser Site ist, wird sie auf anderen gehostet. Das Schreiben von HTML-E-Mails unterscheidet sich also stark vom Schreiben von HTML-Seiten. Denn alle Mainstream-Postfächer für Internetnutzer filtern die HTML-E-Mails, die sie erhalten, mehr oder weniger im Hintergrund. Es besteht kein Zweifel daran, dass der JS-Code streng gefiltert wird, einschließlich aller Ereignisüberwachungsattribute wie „onclick“ und „onmouseover“. Dies basiert auf E-Mail-Sicherheitsüberlegungen. Darüber hinaus wird der CSS-Code teilweise gefiltert. Ich möchte darüber sprechen, wie man HTML-E-Mails schreibt, die nicht von den großen Mainstream-Postfächern gefiltert werden und normal angezeigt werden können.
Vorschläge zum Versenden von HTML-E-Mails: Verwenden Sie Stil, um Inline-CSS zu schreiben; verwenden Sie Tabellen, um linke und rechte Layouts zu implementieren, oder verwenden Sie Hintergrundelemente, um Hintergrundbilder usw. festzulegen.
Schauen wir uns zunächst an, wie das Postfach HTML-E-Mails anzeigt. Ich selbst habe noch nie an einem E-Mail-System gearbeitet und die Filteralgorithmen im Hintergrund großer Postfächer sind für Außenstehende nicht leicht zu erkennen. Daher können wir mithilfe der Frontend-Anzeige nur ableiten, welche Schreibmethoden von der Mailbox akzeptiert werden und welche herausgefiltert werden. Durch die Analyse der Postfächer Gmail, Hotmail, 163, Sohu und Sina habe ich die Postfächer in zwei Kategorien unterteilt:
Die erste Kategorie umfasst Gmail, Hotmail und Sohu. Bei dieser Art von Postfach ist der E-Mail-Inhalt in einer bestimmten Abteilung auf der gesamten Postfachseite angeordnet.
Die zweite Kategorie umfasst 163 und Sina. Bei diesem Postfachtyp wird der E-Mail-Inhalt in einem separaten Iframe angeordnet.
Freunde, die mit HTML vertraut sind, wissen, dass Iframe-Inhalte als unabhängige Dokumente behandelt werden und unabhängig von den Elementen und CSS der übergeordneten Seite sind. Und wenn sich der E-Mail-Inhalt in einem Div befindet, ist der E-Mail-Inhalt ein integraler Bestandteil der gesamten Postfachseite. Offensichtlich sind Postfächer, die Iframe als Präsentationsmethode verwenden, viel toleranter gegenüber E-Mail-Inhalten, da sie Ihnen einen ausreichend unabhängigen Raum für den Ausdruck bieten. Der Div ist nicht so höflich. Stellen Sie sich vor, wenn Sie diesen CSS-Satz in Ihre E-Mail schreiben, wird die Schriftgröße auf der gesamten E-Mail-Anzeigeseite 20 Pixel betragen und es wird durcheinander kommen:
body {font-size:20px}
Wir müssen eine einheitliche E-Mail-Vorlage schreiben, die mit jedem Postfach kompatibel ist. Daher müssen wir die oben genannte externe CSS-Schreibmethode vermeiden. Darüber hinaus werden auch Stile wie Float und Position gefiltert, die einen abnormalen Inhaltsfluss bilden schreiben, beeinträchtigt dies wahrscheinlich die Leistung externer Postfächer.