HTML‑Mail
HTML‑Mail bezeichnet eine E‑Mail‑Nachricht, deren Body (Inhalt) mit der Auszeichnungssprache HTML formatiert ist. Im Gegensatz zu reinem Plain‑Text‑Mail können HTML‑Mails farbige Schrift, Links, Tabellen, Bilder und andere Layout‑Elemente enthalten, wodurch sie visuell ansprechender und interaktiver sind.
1. Grundlegender Aufbau
Eine HTML‑Mail besteht aus einem MIME‑Mehrteil‑Container (multipart/alternative), der mindestens zwei Varianten des Nachrichtenkörpers enthält: eine Plain‑Text‑Version für Clients, die kein HTML unterstützen, und eine HTML‑Version für moderne Mail‑User‑Agents. Der HTML‑Teil enthält einen <html>‑Kopf mit optionalen <style>‑Blöcken (inline‑CSS wird bevorzugt) und einen <body>‑Abschnitt, in dem der eigentliche Text, Bilder, Links und Tabellen eingebettet sind.
2. Gestaltungs‑Prinzipien
- Inline‑CSS: Viele Mail‑Clients unterstützen keine externen Stylesheets, daher werden Stil‑Definitionen direkt in den HTML‑Tags (
style="color:#333;") geschrieben. - Tabellen‑Layout: Statt moderner CSS‑Layouts (Flexbox, Grid) wird häufig ein tabellarisches Layout genutzt, weil es von den meisten E‑Mail‑Clients zuverlässig gerendert wird.
- Responsive Design: Media Queries (
@media only screen and (max-width:600px)) können eingesetzt werden, um das Layout auf mobile Geräte anzupassen; jedoch nicht alle Clients unterstützen sie. - Bilder einbinden: Bilder können als extern gehostete Ressourcen (
<img src="https://example.com/pic.jpg">) oder eingebettete Inline‑Attachments (cid:‑Referenzen) eingefügt werden.
3. Sicherheit & Spam‑Erkennung
- Links & Phishing: URLs sollten klar und vertrauenswürdig sein; verdächtige Domains können von Spam‑Filtern blockiert werden.
- Skripte: JavaScript, Flash und andere aktive Inhalte werden von fast allen Mail‑Clients aus Sicherheitsgründen deaktiviert.
- Tracking‑Pixel: Oft in Form eines 1 × 1‑Pixel‑Bildes (
<img src="https://tracker.com/pixel?uid=123">) zur Messung, ob die Mail geöffnet wurde. - DKIM / SPF / DMARC: Authentifizierungs‑Mechanismen, die das Risiko von Spoofing reduzieren und die Zustellbarkeit erhöhen.
4. Kompatibilität & Client‑Unterstützung
- Desktop‑Clients: Outlook (variierende Unterstützung je nach Version), Apple Mail, Thunderbird – unterstützen in der Regel HTML, jedoch mit eigenem Rendering‑Engine‑Verhalten.
- Web‑Mail: Gmail, Yahoo! Mail, Outlook.com – rendern HTML über ihre eigenen Engines, entfernen manche Styles (z. B.
<style>‑Blöcke) aus Sicherheitsgründen. - Mobile‑Clients: iOS‑Mail, Android‑Mail – unterstützen Grund‑HTML und Inline‑CSS, jedoch oft eingeschrän
