Wenn wir E-Mail-Marketing betreiben, hoffen wir alle, dass Benutzer beim Öffnen des Postfachs eine vollständige Webseite sehen. Die Darstellung von HTML-Seiten durch Postfächer unterscheidet sich jedoch von der Darstellung in Browsern und die Darstellungsfähigkeit ist gering. Viele Effekte, die normal im Browser angezeigt werden, verursachen Fehler oder werden in E-Mails nicht dargestellt. Nach unzähligen Tests erinnert Sie Technology Home daran, auf die folgenden Punkte zu achten:
Sie dürfen kein Hintergrundbild verwenden.
2 muss in HTML-Code geschrieben werden, ähnlich wie style="text-decoration:none; color:#666; font-size:12px;". Außerdem müssen die Stile in <'style><'/style> im Textkörper platziert werden kann, kann funktionieren, aber einige Stile gehen während des Weiterleitungsprozesses verloren, daher wird die Verwendung von
nicht empfohlen. 3. Fügen Sie Alt und Titel zu jedem Bild hinzu
4. Überlegen Sie Aufgrund der E-Mail-Breite verwenden viele Benutzer Laptops und die Auflösung des Laptops beträgt 1280 * 708. . . Um auf den ersten Blick ein gutes Benutzererlebnis zu haben, muss es daher eine geeignete Breite haben
5. Alle Bilder müssen absolute Adressen verwenden, sonst werden sie nicht auf dem Client-Terminal angezeigt, können aber angezeigt werden in foxmail;
6. Verwenden Sie für das Layout table anstelle von div, da auch margin:0 auto im Postfach nicht funktioniert und die CSS-Eigenschaften nicht alle getestet wurden, aber sie sind wirklich begrenzt, also verwenden Sie Tabelle;
7. Versuchen Sie, die Breite zu jedem Block hinzuzufügen, es werden unerklärliche Fehler auftreten In einigen Fällen unterscheidet sich der vom Browser gerenderte Seiteneffekt von der E-Mail-Adresse. Die Darstellung ist unterschiedlich Dies ist die Rendering-Regel des Postfachs. Ab sofort kann dieser Fehler nicht vermieden werden, sodass die Breite nur kleiner geändert werden kann (dieses Problem besteht auch beim Testen von System-E-Mails, die von NetEase Mailbox gesendet werden). Center).
Das obige ist der detaillierte Inhalt vonZusammenfassung von Beispielen für die Erstellung von E-Mail-Webseiten mit HTML+CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!