HTML in E-Mails: andere Regeln als im Browser

Werkzeuge in E-Mail – kostenlos finden, vergleichen, beauftragen.

HTML in E-Mails: andere Regeln als im Browser

E-Mails werden überwiegend als HTML verschickt. Dieses HTML folgt jedoch anderen Regeln als eine Webseite – und zwar deutlich engeren.

Warum dort Technik von gestern gilt

Mailprogramme verarbeiten HTML sehr unterschiedlich. Moderne Layoutverfahren wie Raster oder flexible Boxen werden nicht überall unterstützt, externe Stylesheets meist gar nicht. Deshalb gilt im Newsletter-Bau bis heute, was auf einer Webseite als überholt gilt: Aufbau mit Tabellen und Gestaltung über das style-Attribut direkt am Element.

Das ist kein Rückschritt, sondern die Anpassung an eine andere Umgebung. Wer eine Webseite eins zu eins als Newsletter verschickt, bekommt bei einem Teil der Empfänger eine unbrauchbare Darstellung.

Was jeder Versand mitschicken sollte

Eine Textfassung derselben Nachricht. Sie hilft dort, wo HTML nicht angezeigt wird, ist für Screenreader oft die bessere Grundlage und wirkt sich günstig auf die Zustellung aus.

Bilder brauchen Alternativtexte, denn viele Programme laden externe Bilder erst nach Bestätigung. Ein Newsletter, dessen Aussage in einer Grafik steckt, ist bis dahin leer.

Prüfen, was ankommt

Ein Mailprogramm wie Thunderbird zeigt den Quelltext einer empfangenen Nachricht und erlaubt das Umschalten zwischen HTML- und Textansicht. Damit lässt sich vor dem Versand an viele Empfänger prüfen, was tatsächlich beim Einzelnen ankommt.

Werkzeuge in E-Mail

✉️

Mozilla Thunderbird

MZLA Technologies Corporation (Tochter der Mozilla Foundation) · Seit 2003

Thunderbird ist ein freies E-Mail-Programm. Es wird seit Januar 2020 von der MZLA Technologies Corporation entwickelt, einer Tochtergesellschaft der Mozilla Foundation, und steht unter der Mozilla Public License. Der Bezug zu HTML ist ein sehr prak…

IMAP und POP3mehrere KontenQuelltextansicht einer NachrichtUmschalten zwischen HTML und reinem TextKalenderVerschlüsselung mit OpenPGP
📧

Can I email

HTeuMeuLeu und Gemeinschaft · Seit 2019

HTML in E-Mails ist eine eigene Welt mit eigenen Regeln – und mit einem Rückstand von rund zwanzig Jahren gegenüber Browsern. Outlook stellt teilweise mit einer Textverarbeitungsmaschine dar, Gmail entfernt Teile der Auszeichnung, manche Programme …

Unterstützungstabellen je E-Mail-Programmauch für CSSFußnoten zur Teilunterstützung
📨

MJML

Mailjet · Seit 2016

Verlässliches E-Mail-HTML besteht aus verschachtelten Tabellen mit Zusatzangaben für einzelne Programme. Das von Hand zu schreiben ist mühsam und fehleranfällig – und das Ergebnis kann niemand pflegen. Hier schreibt man eine überschaubare Auszeichn…

Erzeugt kompatibles Tabellengerüst aus lesbarer AuszeichnungBausteine

Werkzeuge – weitere Extras