IT-SERVICE – HILFE & FAQ
Web & WordPress:
HTML: Lange Wörter mit bedingtem Trennstrich umbrechen
Web & WordPress:
HTML: Lange Wörter mit bedingtem Trennstrich umbrechen
Lange Wörter auf kleinen Bildschirmen sauber umbrechen: Mit dem HTML Soft Hyphen lassen sich mögliche Trennstellen gezielt festlegen.
SCHRITT-FÜR-SCHRITT ANLEITUNG
HTML: Lange Wörter mit bedingtem Trennstrich umbrechen
HTML: Lange Wörter mit bedingtem Trennstrich umbrechen
Lange Wörter können auf Smartphones oder in schmalen Bereichen eines responsiven Layouts zu Darstellungsproblemen führen. Mit einem bedingten Trennstrich lässt sich im HTML-Code festlegen, an welcher Stelle ein Wort bei Bedarf getrennt werden darf.
Bedingten Trennstrich mit ­ einfügen
Für einen möglichen Trennpunkt innerhalb eines langen Wortes verwenden Sie folgenden HTML-Code:
­Der sogenannte Soft Hyphen oder bedingte Trennstrich ist normalerweise nicht sichtbar. Erst wenn der Browser das Wort an dieser Stelle aufgrund des verfügbaren Platzes umbrechen muss, wird ein Bindestrich angezeigt.
Beispiel für ein langes Wort
Ein möglicher Trennpunkt kann direkt innerhalb des Wortes eingefügt werden:
Webdesign­DienstleistungenIst ausreichend Platz vorhanden, erscheint das Wort ohne sichtbaren Bindestrich. Wird der verfügbare Platz beispielsweise auf einem Smartphone zu klein, darf der Browser das Wort an der festgelegten Stelle trennen.
Gut zu wissen
Der bedingte Trennstrich ist nicht speziell an eine bestimmte Bildschirmgröße gebunden. Ob die Trennung sichtbar wird, entscheidet der Browser anhand des verfügbaren Platzes. Dadurch eignet sich ­ besonders für responsive Websites.