• Thema

  • Technologie

Tipp für gute Typografie: Non-breaking Space in HTML und WordPress

Screenshot nau
Screenshot von nau.ch

Ein denkbar ungünstiger Zeilenumbruch. Zwischen “85.” und “Geburtstag” sollte zwar ein Leerzeichen stehen, jedoch sollte da die Zeile nicht umbrechen.

Non-breaking Space

Ein Fall für den “Non-breaking Space” – ein spezielles Leerzeichen, an dem kein Zeilenumbruch stattfindet. Das gibt’s in InDesign und auch in HTML. In HTML ist es eine “Entity” (Entität).

“Entities” sind immer gleich aufgebaut:

&entity_name; 

Im Falle eines “Non-breaking Space” ist es die folgende “Entity”

 

Entität in WordPress eintippen

In WordPress tippst du die “Entity” am besten im “Code-Editor” ein. Über die drei Punkte oben rechts im WordPress Blockeditor kannst du zwischen “Visual editor” und “Code editor” umschalten:

Code Editor in WordPress aktivieren
Non-breaking Space
Zweimal den gleichen Absatz. Oben jedoch mit einem “Non-breaking Space”.

Nach getaner Arbeit wechselst du wieder zurück auf den “Visual editor”.

Was denkst du dazu?
yeah!
1
wooow
3
what?
0
meh.
0
hahaha
1
haeme@morntag.com
Das könnte dich auch interessieren:
Beitrag teilen
Was denkst du dazu?
Was denkst du dazu?
yeah!
1
wooow
3
what?
0
meh.
0
hahaha
1
Diskussion

4 Antworten

  1. Seit Jahren kann ich nicht glauben, dass es in WordPress keinen Button für Sonderzeichen inkl. nbsp; gibt … Bislang scheint es aber keinen entsprechenden Editor zu geben 🥴

    1. Soweit ich weiss, sind – Trennungen aktiv sind – die Browser für die Trennungen zuständig. Die meisten Browser verwenden Hunspell als Wörtbuch (Open Source)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

 

Hinweis: Es kann bis zu zwei Stunden gehen, bis dein Kommentar auf der Website erscheint. Bitte poste deinen Kommentar nur einmal 😉

Aktuelle Jobangebote
  • Grafik / Prepress / Druck / Verpackung / Werbetechnik | Medienjobs und Stellen für Profis

    Neue Beiträge als E-Mail
    jeden Dienstag die neusten Blogposts in deiner Inbox
    Unsere Partner:

    Dein Gerät ist aktuell offline.