Da HTML -E -Mail kein unabhängiger Host auf dieser Website ist, ist sie von anderen abhängig. Das Schreiben von HTML -Mails unterscheidet sich also sehr vom Schreiben von HTML -Seiten. Da alle Mainstream -Postfächer für Internetnutzer mehr oder weniger die HTML -E -Mail filtern, die sie im Hintergrund erhalten. Es besteht kein Zweifel, dass JS -Code streng herausgefiltert wird, einschließlich aller Ereignishörattribute wie Onclick und OnmouseOver, die auf Überlegungen zur Sicherheitsversicherung von E -Mails basieren. Darüber hinaus wird der CSS -Code teilweise gefiltert. Ich möchte darüber sprechen, wie Sie HTML -E -Mails schreiben, die nicht von Hauptmainstream -Postfächern gefiltert werden und normal angezeigt werden können.
Schauen wir uns zunächst an, wie die E -Mail HTML -E -Mail anzeigt. Ich habe noch nie ein E -Mail -System erstellt, und die Filteralgorithmen im Backend der wichtigsten E -Mail -Adressen sind für Außenstehende nicht so einfach zu wissen. Daher können wir nur durch die Front-End-Anzeige spekulieren, um zu schließen, welche Schreibmethoden per E-Mail akzeptiert werden und welche herausgefiltert werden. Durch die Analyse von Google Mail, Hotmail, 163, Sohu und Sina habe ich die E -Mail -Adresse in zwei Kategorien unterteilt:
Die erste Kategorie umfasst Google Mail, Hotmail und Sohu. Der E -Mail -Inhalt ist in einer DIV auf der gesamten Mailbox -Seite angeordnet. Wie im Bild gezeigt: Die zweite Kategorie, einschließlich 163 und Sina, wird verwendet, um den E -Mail -Inhalt in einem unabhängigen Iframe zu arrangieren. Wie im Bild gezeigt:Freunde, die mit HTML vertraut sind, wissen, dass Iframe -Inhalte ein unabhängiges Dokument sind und für die Elemente und CSS der übergeordneten Seite irrelevant sind und fast als unabhängige Seite behandelt werden können. Und wenn sich der E -Mail -Inhalt in einem DIV befindet, ist der E -Mail -Inhalt ein wesentlicher Bestandteil der gesamten E -Mail -Seite. Die Verwendung von IFrame als Präsentationsmethode der E -Mail ist natürlich viel toleranter gegenüber E -Mail -Inhalten, da Sie einen ausreichend unabhängigen Raum für die Präsentation bieten. Und die Div ist nicht so höflich. Stellen Sie sich vor, wenn Sie dieses CSS in Ihre E -Mail schreiben, wird die Schriftart in der gesamten Mailbox 20px sein und es wird chaotisch:
<style type = text/css>
Körper {Schriftgröße: 20px}
</style>
Wir müssen eine einheitliche E -Mail -Vorlage schreiben, die mit jeder E -Mail -Adresse kompatibel ist. Daher müssen wir die obige externe CSS -Schreibmethode vermeiden. Darüber hinaus werden ähnliche Stile wie Float, Position usw. mit abnormalen Inhaltsströmen gefiltert. Wenn Sie schreiben, kann dies die Leistung externer E -Mail -Adressen beeinflussen.
Im Folgenden liste ich einige Schreibprinzipien auf:1. Eine der globalen Regeln: Schreiben Sie nicht <Styles> Tags oder Klasse. Alle CSS verwenden das Style -Attribut. Verwenden Sie Stil, um Inline -CSS für jedes Element zu schreiben, das jeden Stil benötigt.
2. Globale Regel 2: Verwenden Sie weniger Bilder. Die E -Mail -Adresse filtert Ihre IMG -Tags nicht. Das System lädt jedoch standardmäßig keine Bilder von Fremden. Wenn Sie viele Mail -Nachrichten mit Bildern verwenden, ist er extrem hässlich und kann den Inhalt nicht klar erkennen. Der ungeduldige Benutzer löscht es direkt. Alt muss dem Bild hinzugefügt werden.
3. Schreiben Sie nicht mit Stil und positionieren Sie den Stil und positionieren Sie Stile, da sie gefiltert werden. Wie kann man also das linke und rechte Layout oder komplexeres Layout erreichen? Tabelle verwenden.
4. Der Hintergrund kann im Stilinhalt eingestellt werden, aber IMG wird gefiltert, was bedeutet, dass das Hintergrundbild nicht durch CSS eingestellt werden kann. Es gibt jedoch ein sehr interessantes Elementattribut, das auch als Hintergrund bezeichnet wird und einen Bildpfad definieren können. Dies ist eine gute Alternative. Obwohl diese Funktion begrenzt ist, z. B. nicht in der Lage zu sein, Hintergrundbilder zu lokalisieren, ist es besser, eine zu haben als nicht. Um beispielsweise einem Zelle einen Hintergrund hinzuzufügen, müssen Sie ihn so schreiben:
<td Hintergrund = http: //image1.koUbei.com/images/common/logo_koUbei.gif> </td>
5. Die E -Mail -Adresse im Div -Modus unterstützt Flash nicht und der Iframe -Modus muss überprüft werden.
Schließlich möchte ich erwähnen, dass die E -Mail -Adresse von Sohu sehr seltsam ist. Nach jedem Textsegment wird ein Leerzeichen hinzugefügt, wodurch das ursprüngliche normale Layout abgelaufen ist und die Linie bricht, was dazu führt, dass einige Layouts verwirrt werden. Wenn Sie also mit Sohu -Postfächern kompatibel sein möchten, sollten Sie bei der Begegnung mit einigen kompakten Layouts besonders vorsichtig sein, die Anzahl der Textsegmente minimieren und genügend Breite hinterlassen.