Verwendung von HTML im Editor
Wenn Sie HTML im Editor über die Quellcode-Ansicht hinzufügen, wird es beim Speichern automatisch validiert und bereinigt.
Das bedeutet:
- Unsicherer Code (z. B. bösartige Skripte) wird automatisch entfernt.
- Ungültiger oder falscher HTML-Code wird korrigiert oder bereinigt.
- Der Editor (TinyMCE) kann bestimmte HTML-Strukturen automatisch neu schreiben.
Diese Prüfungen dienen dazu, sicherzustellen, dass die Website sicher und stabil bleibt und ordnungsgemäß funktioniert.
CSS (Styling)
Ein <style>-Block im <head> Ihres HTML-Codes wird automatisch entfernt.
Wenn Sie benutzerdefiniertes CSS anwenden möchten, verwenden Sie das spezielle Feld „Benutzerdefiniertes CSS“ im System.
Fügen Sie Stile nicht direkt in den HTML-Inhalt ein.
Erlaubte HTML-Elemente
Text und Struktur
- <p>
- <h1>, <h2>, <h3>
- <Blockzitat>
- <pre>
Textformatierung
- <strong>
- <em>
- <b>
- <i>
- <sup>
- <sub>
- <span>
Listen
- <ul>
- <ol>
- <li>
Links
- <a href="...">
Zulässige Protokolle:
- https: (empfohlen)
- http:
- mailto:
- Tel.:
- Nachricht:
Medien
- <Video>
- <Audio>
Bilder
- <img src="..." alt="..." width="..." height="...">
- Hinweis: SVG-Dateien sind nicht zulässig. Verwenden Sie stattdessen JPG, PNG oder GIF.
Unzulässige HTML-Elemente
Skripte und aktive Inhalte
- <Skript>
- <noscript>
- Event-Handler wie onclick, onload usw.
- <Objekt>
- <einbetten>
- <Applet>
Elemente der Dokumentstruktur
- <html>
- <Kopf>
- <meta>
- <Link>
- <Titel>
- <Stil>
Formulare
- <Formular>
- <Eingabe>
- <Schaltfläche>
- <wählen>
- <Textbereich>
Medieneinbettungen
- <iframe>
Veraltetes HTML
- <Schriftart>
- <Mitte>
- <groß>
- <klein>
- <Streik>
Unzulässige Linktypen
- Daten:
- Datei:
- wss:
Styling-Richtlinien
Verwenden Sie ein einfaches und einheitliches Styling:
- Bevorzugen Sie Inline-Stil oder zulässige Klassen
- Halten Sie die Layouts einfach
- Vermeiden: Position: absolut
- Position: fest
- Z-Index
- komplexe Animationen oder Transformationen
Zum Abstand:
- Verwenden Sie Rand und Polsterung
- Verwenden Sie für den Abstand
Externe Schriftarten (z. B. Google Fonts) müssen zentral in der Website geladen werden und nicht direkt im Inhalt.
HTML-Validierung
Überprüfen Sie Ihren HTML-Code immer sorgfältig auf Fehler oder Tippfehler.
Verwenden Sie einen HTML-Validator oder lassen Sie Ihren Code vor der Veröffentlichung überprüfen.
Unterschiede beim Rendern von E-Mail-Clients
E-Mails werden möglicherweise nicht auf allen E-Mail-Clients gleich dargestellt.
Insbesondere:
Microsoft Outlook (Desktop-Version) bietet eingeschränkte CSS-Unterstützung
Gmail wendet unterschiedliche HTML- und CSS-Renderingregeln an
Dadurch kann es sein, dass E-Mails anders aussehen als beabsichtigt.
Berücksichtigen Sie dies beim Entwerfen von E-Mails, um ein möglichst einheitliches Erscheinungsbild für alle Kunden sicherzustellen.