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

Navicat-Verbindung MySQL Fehlerbeschreibungsanalyse

Inhaltsverzeichnis Umfeld Version der virtuellen ...

So verwenden Sie den Linux-Befehl „basename“

01. Befehlsübersicht Basisname - entfernt Verzeic...

Heute bin ich auf ein sehr seltsames Problem gestoßen und habe es selbst gelöst

...Es ist so, heute wollte ich ein Popup-Fenster m...

Tomcat9-Download, -Installation und -Konfiguration + ausführliches Tutorial zur Integration in Eclipse

offizielle Tomcat-Website Tomcat entspricht einem...

WeChat-Applet-Canvas implementiert Signaturfunktion

Im WeChat-Applet-Projekt umfasst das Entwicklungs...

So kompilieren Sie den Linux-Kernel

1. Laden Sie die erforderliche Kernel-Version her...

Super einfache Implementierung von Docker zum Erstellen eines persönlichen Blogsystems

Docker installieren Aktualisieren Sie das Yum-Pak...

So mounten Sie eine Datenfestplatte auf Tencent Cloud Server Centos

Überprüfen Sie zunächst, ob das Festplattengerät ...

CSS3 implementiert horizontale Zentrierung, vertikale Zentrierung, horizontale und vertikale Zentrierung Beispielcode

Als Front-End-Affe werden wir, sei es während ein...

So erkennen Sie mit Apache Tika, ob eine Datei beschädigt ist

Apache Tika ist eine Bibliothek zur Dateityperken...

MySQL-Fall beim Gruppieren nach Beispiel

Eine MySQL-ähnliche PHP-Switch-Case-Anweisung. wä...

So legen Sie einen Alias ​​für einen benutzerdefinierten Pfad in Vue fest

So konfigurieren Sie benutzerdefinierte Pfadalias...

Detaillierte Erläuterung zur Konfiguration des Beispielcodes für den Nginx-Webserver

Überblick Heute werden wir hauptsächlich erläuter...

Vue implementiert das Ziehen und Sortieren von Bildern

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Einführung in den Nobody-Benutzer und Nologin im Unix/Linux-System

Was ist der Nobody-Benutzer in Unix/Linux-Systeme...