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

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

2. Globale Regel zwei: Ihr Postfach filtert Ihre IMG-Tags nicht, aber das System lädt standardmäßig keine Bilder von Fremden. Wenn Sie viele Bilder in der E-Mail verwenden, wird dies nicht der Fall sein In manchen Fällen ist der Inhalt so hässlich, dass er nicht klar erkennbar ist und ungeduldige Benutzer ihn direkt löschen. Stellen Sie sicher, dass Sie dem Bild Alt hinzufügen.

3. Schreiben Sie nicht „Float“ oder „Position“ in den Stil, da dies gefiltert wird. Wie implementiert man also ein linkes und rechtes Layout oder ein komplexeres Layout? Tisch verwenden.

4. Die Hintergrundfarbe kann im Stilinhalt festgelegt werden, das Bild wird jedoch gefiltert, was bedeutet, dass das Hintergrundbild nicht über CSS festgelegt werden kann. Es gibt jedoch ein sehr interessantes Elementattribut, auch Hintergrund genannt, in dem Sie einen Bildpfad definieren können. Dies ist zwar eine gute Alternative, obwohl die Funktion eingeschränkt ist, z. B. die Möglichkeit, das Hintergrundbild nicht zu finden. Um beispielsweise einer Zelle einen Hintergrund hinzuzufügen, müssen Sie wie folgt schreiben:

> ;
5. E-Mails im Div-Modus unterstützen kein Flash und E-Mails im Iframe-Modus müssen überprüft werden.

Schließlich ist Sohus E-Mail-Adresse sehr seltsam. Sie fügt nach jedem Textabsatz ein Leerzeichen ein, was dazu führt, dass das ursprüngliche normale Layout nicht in eine Zeile passt und in neue Zeilen umgebrochen wird, was zu Verwirrung im Layout führt. Wenn Sie also mit Sohu-Postfächern kompatibel sein möchten, müssen Sie bei einigen kompakten Layouts besonders vorsichtig sein, versuchen, die Anzahl der Textsegmente zu reduzieren und ausreichend Breite beizubehalten.