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

LinkedIn wird überarbeitet, um das Surfen auf der Website zu vereinfachen

Das geschäftliche Social-Networking-Portal Linked...

Zusammenfassung der MySQL-Ansichtsprinzipien und Anwendungsbeispiele

Dieser Artikel fasst die Prinzipien und die Verwe...

Vue-Interpretation der responsiven Prinzip-Quellcode-Analyse

Inhaltsverzeichnis Initialisierung initState() in...

Kleines Paging-Design

Lassen Sie unsere Benutzer wählen, ob sie vorwärts...

Acht Möglichkeiten zur Implementierung von Kommunikation in Vue

Inhaltsverzeichnis 1. Komponentenkommunikation 1....

Der grundlegendste Code für Webseiten

◆Zu Favoriten hinzufügen veranschaulichen Klicken...

Detaillierte Analyse von MySQL-Ausführungsplänen

Vorwort Als wir im vorherigen Interviewprozess na...

Führen Sie die Schritte zur Verwendung von mock.js im Vue-Projekt aus

Verwenden von mock.js im Vue-Projekt Auswahl des ...

So zeigen Sie die Erstellungszeit von Dateien in Linux an

1. Einleitung Ob die Erstellungszeit einer Datei ...

Detaillierte Untersuchung von vue2.x - Erklärung der h-Funktion

Inhaltsverzeichnis Lösung, Zusammenfassen: Vue-Pr...