HTML: Geschütztes Leerzeichen verwenden

Wie lässt sich ein geschütztes Leerzeichen in HTML schreiben? Damit lässt sich via HTML ein Zeilenumbruch in der Webseite verhindern. Mit einem speziellen HTML-Code erstellst du ein geschütztes Leerzeichen, mit dem Ausdrücke rechts und links vom Leerzeichen nicht durch einen Zeilenumbruch getrennt werden.

Geschützte Leerzeichen machen beispielsweise nach Währungen oder Einheiten wie kg oder mm Sinn. Mit einem geschützten Leerzeichen in HTML verhinderst du, dass die Zahl von der Einheit beim Lesen getrennt wird.

Geschütztes Leerzeichen in HTML schreiben

Damit die Zahl und Einheit auf der Webseite nicht durch einen Zeilenumbruch getrennt werden, hilft das geschützte Leerzeichen. Damit bleiben die Zeichen vor und nach dem geschützten Leerzeichen in der gleichen Zeile.

Ein geschütztes Leerzeichen in HTML schreibst du mit folgender Zeichenfolge:

&nbsp

Anstatt ein Leerzeichen “ “ wird im Text direkt &nbsp geschrieben. Die Zeichenfolge beschreibt in HTML „non-breaking-space“. Ein Leerzeichen, das nicht umgebrochen werden darf.

Im Text sieht ein geschütztes Leerzeichen wie folgt aus:

Wir waren angeln und haben 500&nbspkg Fisch gefangen.

Vollständigen Text in HTML nicht umbrechen

Du willst eine ganze Zeile vor dem Zeilenumbruch in HTML schützen? Anstatt jedes Leerzeichen durch ein geschütztes Leerzeichen zu ersetzen, gibt es folgenden Ausdruck:

<nobr> </nobr>

Das steht für “no breaking” und verhindert den Zeilenumbruch des Textes, der mit dem Ausdruck eingeklammert wird. Beispieltext:

<nobr>Wir waren angeln und haben 500 kg Fisch gefangen.</nobr>

Es gibt einige HTML-Editoren, die den <nobr> Ausdruck fehlerhaft darstellen. In diesem Fall sollte besser das geschützte Leerzeichen verwendet werden.

Persönliche Meinung

Weitere Tipps und Tricks zu Webseiten findest du ebenfalls hier auf RandomBrick.de. Beispielsweise wie sich AMP für WordPress ohne SEO-Traffic Verlust abschalten lassen. Mit dem richtigen Prozess verhinderst du, dass AMP Seiten langsam bei Google abgebaut werden, bevor du diese endgültig abschaltest.

Das Verhindern von 404 Fehler bei WordPress nach dem Abschalten von AMP ist ein wichtiger Punkt. Mit den richtigen Tools vermeidest du, dass AMP-Traffic ins Leere läuft und einen 404 Fehler verursacht.

Wie sich unter WordPress Adsense Werbung auf AMP Seiten anzeigen lässt, erklärt dir die Schritt für Schritt Anleitung. Der Beitrag erklärt mehrere Möglichkeiten, damit AdSense auch auf deinen AMP-Seiten angezeigt wird.

Benjamin Blessing

Blogger, Consultant, Reisender. In meiner Freizeit schreibe ich auf RandomBrick.de über Themen zu Technik, Finanzen und WordPress. Von aktuellen Trends bis zu Anleitungen findet ihr hier alles im Blog.

Kommentar verfassen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Du bezahlt noch für dein Girokonto?

Wechsele JETZT zu einem kostenlosen Girokonto inklusive Kreditkarte und spare bis zu 250 Euro pro Jahr.

Konten vergleichen!