Zusammenfassung der Prinzipien zum Schreiben von HTML-Seiten für E-Mail-Nachrichten_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:42:02
Original
1487 Leute haben es durchsucht

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.

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 von Gmail, Hotmail, 163, Sohu und Sina habe ich die Postfächer in zwei Kategorien unterteilt:

Die erste Kategorie umfasst Gmail, Hotmail und Sohu. Bei diesem Postfachtyp ist der E-Mail-Inhalt in einer bestimmten Abteilung auf der gesamten Postfachseite angeordnet. Wie im Bild gezeigt:


Die zweite Kategorie umfasst 163 und Sina. Bei diesem Postfachtyp wird der E-Mail-Inhalt in einem separaten Iframe angeordnet. Wie im Bild gezeigt:

Freunde, die mit HTML vertraut sind, wissen, dass Iframe-Inhalte ein unabhängiges Dokument sind und von den Elementen und dem CSS der übergeordneten Seite unabhängig sind. Es kann fast wie eine unabhängige Seite behandelt werden. 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 geraten:

Wir müssen eine einheitliche E-Mail-Vorlage schreiben, die mit jedem Postfach kompatibel ist. Daher müssen wir die oben beschriebene externe CSS-Schreibmethode und etwas Ähnliches wie Styles vermeiden B. Float und Position, die zu abnormalen Inhaltsflüssen werden, werden ebenfalls gefiltert. Wenn Sie sie schreiben, kann dies Auswirkungen auf die Leistung des externen Postfachs haben.


Ich werde unten einige Schreibprinzipien auflisten: Eine der globalen Regeln: Schreiben Sie nicht das