Zusammenfassung der HTML-Formatierungsstandards für webbasierte E-Mail-Inhalte

Zusammenfassung der HTML-Formatierungsstandards für webbasierte E-Mail-Inhalte

1. Seitenanforderungen

1) Verwenden Sie standardmäßige Kopf- und Fußzeilen

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” >   
  2. < html   xmlns ="http://www.w3.org/1999/xhtml" >   
  3. <Kopf>​​   
  4. < Meta   http-equiv = "Inhaltstyp" Inhalt = "text/html; Zeichensatz = utf -8" >   
  5. < title > So erstellen Sie eine E-Mail im Webseitenformat </ title >   
  6. </ Kopf >   
  7. < Textkörper   Stil =”Rand:0;Padding:0″ >   
  8. </ Körper >   
  9. </ html >   

2) Verwenden Sie einheitlich das Kodierungsformat gb2312
3) Die Seitenanzeigebreite beträgt 400–800 Pixel und die Höhe wird im Allgemeinen innerhalb eines Bildschirms gesteuert.
4) Die Seite enthält keinen JS-Code oder Flash-Inhalt (wenn eine Animation erforderlich ist, verwenden Sie GIF).
5) Alle Bilder auf der Seite müssen absolute Adressen sein
6) Der Inhalt der Seite wird am besten in Textform dargestellt.

2. Codeanforderungen

1) Verwenden Sie eine Tabelle, um die Seite zu erstellen. Die Breite muss festgelegt werden. Da einige Attribute des Div-Formats von E-Mail-Clients nicht vollständig unterstützt werden, wird empfohlen, es nicht zu verwenden.
2) Ändern Sie in der DTD-Deklaration <html xmlns=http://www.w3.org/1999/xhtml> in <html>
3) CSS darf nicht extern aufgerufen oder in den <head>-Abschnitt geschrieben werden; alle Stile werden in den Tag geschrieben.
4) Hintergrundbilder sind verboten.
5) Versuchen Sie, das Bild so weit wie möglich zu optimieren, ohne den Bildanzeigeeffekt zu beeinträchtigen, um sicherzustellen, dass Kunden das Bild beim Öffnen der E-Mail in kürzester Zeit sehen können, wodurch die E-Mail-Leserate erhöht wird.
6) Alle Bilder müssen Breiten-, Höhen- und Alt-Tags haben. Der Alt-Inhalt sollte nicht zu lang sein und es sollten keine Sonderzeichen vorkommen.
7) Hotspots sind bei Bildlinks verboten, da Kartenmarkierungen in Outlook nicht regulär angeklickt werden können und die im Link gezeigte URL nicht geöffnet werden kann.
8) Die Methode zum Öffnen von Links ist vereinheitlicht als: _blank
9) So schreibt man mailto richtig: Beispiel: <mailto:[email protected]> [email protected]</a>
10) Schwimmende Schichten sind verboten
11) Der Code muss sauber sein, unnötige Leerzeichen und Zeilenumbrüche müssen gelöscht werden und die Gesamtcodegröße sollte weniger als 50 KB betragen


3. E-Mail-Tests

1) Auf den Server hochladen, die Webseite öffnen, Strg+A drücken, kopieren und in die E-Mail einfügen
2) Öffnen Sie die Webseite lokal, kopieren Sie sie direkt und laden Sie das Bild anschließend als Anhang in die E-Mail hoch.

<<:  Implementierung von proxy_pass im Nginx-Reverse-Proxy

>>:  Erfahrungsaustausch zur MySQL-Slave-Wartung

Artikel empfehlen

Entwicklungshandbuch für Chrome-Plugins (Erweiterungen) (vollständige Demo)

Inhaltsverzeichnis Vorne geschrieben Vorwort Was ...

Idee zur Implementierung eines Popup-Maskeneffekts für Kommentarantworten, kompatibel mit IE 8/Chrome/Firefox

Ich verfolge wochentags gerne die Nachrichten und ...

Wird der Index in der MySQL-Abfragebedingung verwendet?

Wenn Sie ein Arbeitgeber fragt, ob in einer MySQL...

So konfigurieren Sie https für Nginx in Docker

Websites ohne https-Unterstützung werden von Brow...

So implementieren Sie vertikale Textausrichtung mit CSS (Zusammenfassung)

Die Standardanordnung von Text in HTML ist horizo...

Eine detaillierte Diskussion der Auswertungsstrategien in JavaScript

Inhaltsverzeichnis Eine Kastanie zum Abdecken Par...

So verwenden Sie Cookies, um Passwörter auf der Vue-Anmeldeseite 7 Tage lang zu speichern

Problembeschreibung Auf der Anmeldeseite des Proj...

Verwenden Sie CSS, um 3D-konvexe und konkave Effekte auf Bildern zu erzielen (konvex aus dem Rahmen heraus oder konkav im Rahmen).

Ⅰ. Problembeschreibung: Verwenden Sie CSS, um kon...

So begrenzen Sie den Wertebereich von Objektschlüsseln in TypeScript

Wenn wir TypeScript verwenden, möchten wir das vo...

Antdesign-vue kombiniert mit sortablejs, um die Funktion zum Ziehen und Sortieren von zwei Tabellen zu erreichen

Inhaltsverzeichnis Ergebnisse erzielen Einführung...

So installieren Sie die neueste Version von Docker mit dem Befehl „Deepin apt“

Schritt 1: Ubuntu-Quelle hinzufügen Wechseln Sie ...

Online- und Offlineinstallation von Docker und allgemeine Befehlsvorgänge

1. Testumgebung Name Version centos 7.6 Docker 18...

Implementierung der Optimierung für das Laden ausgewählter Mehrfachdaten in Element

Inhaltsverzeichnis Szenario Code-Implementierung ...

Docker stellt eine Verbindung zum Host-Mysql-Vorgang her

Heute muss das Unternehmensprojekt Docker konfigu...

Lösen Sie das Problem des MySql8.0-Prüfungsfehlers der Transaktionsisolationsebene

Inhaltsverzeichnis MySql8.0 Fehler bei der Transa...