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

React + ts realisiert den sekundären Verknüpfungseffekt

In diesem Artikel wird der spezifische Code von R...

Grundlegendes Prozessmanagement und Analyse der Umgebungszusammensetzung bei Linux-Betrieb und -Wartung

Inhaltsverzeichnis 1. Grundlegender Überblick übe...

JS praktisches objektorientiertes Schlangenspielbeispiel

Inhaltsverzeichnis denken 1. Bild mit dem gierige...

Implementierung der MySQL Master-Slave-Statusprüfung

1. Überprüfen Sie den Synchronisierungsstatus der...

So verwenden Sie MySQL Binlog zum Wiederherstellen versehentlich gelöschter Datenbanken

Inhaltsverzeichnis 1 Aktuellen Datenbankinhalt ei...

Allgemeine DIV-Aufgaben (Teil 1) – Allgemeine Aufgaben (Bildlaufleisten anzeigen/Divs ausblenden/Ereignis-Bubbling deaktivieren usw.)

Als am häufigsten verwendetes Layoutelement spielt...

Implementierung einer verschiebbaren Komponente zum Teilen des linken und rechten Bedienfelds in Vue3

Inhaltsverzeichnis Komponenten zerlegen Linkes Fe...

Detaillierte Erläuterung zum Erstellen eines Nginx-Websiteservers basierend auf CentOS7 (einschließlich der Konfiguration eines virtuellen Webhosts)

1. Nginx-Dienstgrundlage Nginx (Engine x) wurde s...

Vue3.0 implementiert die Kapselung von Kontrollkästchenkomponenten

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung der grundlegenden allgemeinen MySQL-Befehle

Inhaltsverzeichnis Grundlegende allgemeine MySQL-...

So nummerieren Sie die Ergebnisse von MySQL-Abfragedaten automatisch

Vorwort Tatsächlich bin ich noch nie auf eine Sit...

So verwenden Sie Nginx als Load Balancer für MySQL

Hinweis: Die Nginx-Version muss 1.9 oder höher se...

Eine kurze Erläuterung temporärer MySQL-Tabellen und abgeleiteter Tabellen

Abgeleitete Tabellen Wenn die Hauptabfrage eine a...

Join-Operation in MySQL

Arten von Verknüpfungen 1. Innerer Join: Die Feld...

Nginx verwendet Lua+Redis, um IP dynamisch zu blockieren

1. Hintergrund Bei unserer täglichen Website-Wart...