Ich bin ein Neuling im Bereich HTML-Codierung und arbeite an HTML-E-Mails. Kürzlich habe ich erfahren, dass viele E-Mail-Clients aus Sicherheitsgründen die Bilder im Hintergrund von HTML-E-Mails entfernen. Aber was sind diese Sicherheitsgründe? Welche Art von Sicherheitsbedrohung kann ein Hintergrundbild möglicherweise darstellen? Danke im Voraus an alle, die helfen.
Antworten
Zu viele Anzeigen?Es liegt daran, dass die meisten großen E-Mail-Anbieter ein Webbrowser-Postfach haben und oft 99% des CSS deaktivieren, damit sich die Styles und die Gesamtstruktur des Postfachs nicht ändern. Die Idee ist, dass wenn zu viel CSS bereitgestellt wird, es die Styles eines Webbrowser-E-Mail-Layouts überschreiben könnte.
Ein guter Richtwert ist es, "wie im Jahr 1996 zu codieren".
Hier ist eine großartige Ressource: http://kb.mailchimp.com/article/how-to-code-html-emails/
Um Ihr Problem zu lösen, verwenden Sie auch ein img-Tag mit einem absoluten Pfad zu einem online gehosteten Bild.
Emailers zeigen keine Hintergrundbilder an, und dies war schon immer ein Anliegen. An möglichen Stellen könnten Sie Bilder verwenden. Am Ende des Emailers können Sie auch einen Link geben, um auf Ihren Emailer als HTML-Seite zuzugreifen, wenn der E-Mail-Client Bilder blockiert hat. Überprüfen Sie auch diesen Link: http://backgrounds.cm/
In dem oben genannten Link gibt es Lösungen, um Hintergrundbilder für den gesamten Emailer-Body oder nur für eine bestimmte Tabellenzelle anzuzeigen. Dies funktioniert bis zu einem gewissen Grad.
Am besten ist es, Hintergrundfarben und eine gute Typografie für Emailer zu haben.
Ja, die meisten CSS-Stile werden im Mailer-E-Mail-Client unterstützt. Alle E-Mail-Clients haben ihre eigenen Einschränkungen und die Art und Weise, wie sie CSS-Eigenschaften unterstützen. Hier sind ein paar goldene Regeln
1) Schreiben Sie immer Inline-CSS-Stile
2) Verwenden Sie immer < tables >, um den E-Mail-Ersteller zu konstruieren
3) Versuchen Sie, das < style >-Attribut so viel wie möglich zu verwenden.
4) Verwenden Sie HTML-Element "Attribute" wie "title", "alt", sodass Benutzer trotz blockierter Bilder die Beschreibung zum Bild sehen und das Bild herunterladen können.
Hier sind Informationen zur CSS-Unterstützung https://www.campaignmonitor.com/css/