SELFHTML

Zeilenumbruch

Informationsseite

nach unten Zeilenumbruch erzwingen
nach unten Automatischen Zeilenumbruch verhindern
nach unten Geschützte Leerzeichen
nach unten Zeilenumbruch erlauben
nach unten Weitere Informationen

 nach unten 

HTML 2.0XHTML 1.0MS IE 1.0Netscape 1.0Opera 5.12Mozilla Firefox 1Konqueror 3.3Safari 1.2 Zeilenumbruch erzwingen

Text innerhalb von normalen Absätzen, Listen, sowie in Überschriften oder Tabellenzellen wird vom Web-Browser bei der Anzeige automatisch umgebrochen. Sie können jedoch an einer gewünschten Stelle einen Zeilenumbruch erzwingen.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus (Beispiel-Seite Quelle zum Beispieltext)

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>Otto's Brief an die Mutter</h1>
<p>Liebe Mama!</p>
<p>Vor drei Wochen habe ich erfahren<br>
dass Du krank bist<br>
Mach Dir keine Sorgen<br>
Mir geht es gut.</p>

</body>
</html>

Erläuterung:

<br> (br = break = Umbruch) fügt an der gewünschten Stelle einen Zeilenumbruch ein. Dabei ist es egal, ob das alleinstehende Tag am Ende der vorherigen Zeile steht (wie im Beispiel), oder in einer eigenen Zeile, oder am Anfang der folgenden Zeile.

Beachten Sie:

Wenn Sie XHTML-Standard-konform arbeiten, müssen Sie das br-Element als inhaltsleer kennzeichnen. Dazu notieren Sie das alleinstehende Tag in der Form <br />.
Weitere Informationen dazu im Kapitel Kapitel XHTML und HTML.

 nach obennach unten 

Netscape 1.1MS IE 2.0Opera 5.12Mozilla Firefox 1Konqueror 3.3Safari 1.2 Automatischen Zeilenumbruch verhindern

Sie können einen Textbereich bestimmen, in dem kein automatischer Zeilenumbruch erfolgt. Alles, was innerhalb dieses Bereichs steht, wird in einer langen Zeile angezeigt. Der Anwender kann dann mit der horizontalen Scroll-Leiste die überlangen Textzeile anzeigen.

Diese Möglichkeit gehört jedoch nicht zum offiziellen HTML-Sprachstandard. Sie sollten sie daher vermeiden und die CSS-Eigenschaft Seite white-space verwenden.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>ARD und ZDF</h1>
<nobr>Die vom ZDF sagen die vom ARD senden st&auml;ndig Wiederholungen,
und die vom ARD sagen die vom ZDF senden st&auml;ndig Wiederholungen,
und so wiederholen sich ARD und ZDF st&auml;ndig ohne überhaupt etwas zu senden.</nobr>

</body>
</html>

Erläuterung:

<nobr> bewirkt, dass der auf das Tag folgende Text nicht umgebrochen wird (nobr = no break = kein Umbruch). Am Ende des Textabschnitts, der nicht umgebrochen werden soll, notieren Sie das abschließende Tag </nobr>.

Beachten Sie:

Wenn Sie Textzeilen unabhängig vom Anzeigefenster des Anwenders genau kontrollieren wollen und nach HTML-Standard arbeiten wollen, können Sie Seite präformatierten Text einsetzen.

 nach obennach unten 

HTML 3.2XHTML 1.0 Geschützte Leerzeichen

Sie können verhindern, dass bei einem Leerzeichen ein automatischer Zeilenumbruch erfolgen darf.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>HTML 2.0 und HTML 4.0</h1>
<p>Es gibt vieles, worin sich HTML&nbsp;2.0 und HTML&#160;4.0 unterscheiden.</p>
<p>(versuchen Sie zur Kontrolle einmal, das Anzeigefenster so schmal zu machen,
dass der Text des obigen Satzes bei "HTML 2.0" oder "HTML 4.0" umgebrochen wird)</p>

</body>
</html>

Erläuterung:

Die Zeichenfolge &nbsp; erzeugt ein geschütztes Leerzeichen (nbsp =nonbreaking space = Leerzeichen ohne Umbruch). Es wird ein normales Leerzeichen angezeigt, doch an dieser Stelle kann kein Zeilenumbruch erfolgen. Notieren Sie die Zeichenfolge inklusive dem kaufmännischen Und am Beginn und dem Strichpunkt am Ende. Die gleiche Wirkung erzielen Sie durch Notieren der Zeichenfolge &#160;.

Beachten Sie:

Zu dieser Art von Zeichennotation siehe auch Seite benannte Zeichen für den Zeichensatz ISO 8859-1.

Durch Notieren mehrerer solcher benannter Zeichen hintereinander können Sie auch mehrere Leerzeichen in Folge erzwingen.

Alle verbreiteten Browser brechen den Text dennoch um.

 nach obennach unten 

Netscape 1.1MS IE 2.0Mozilla Firefox 1Konqueror 3.3 Zeilenumbruch erlauben

Web-Browser brechen Text normalerweise nur bei Leerzeichen um, weil durch Leerzeichen Wörter voneinander abgegrenzt werden. Sie können explizit weitere Stellen markieren, an denen er den Text umbrechen darf. Dies gilt für alle Absatzarten in HTML.

Diese Möglichkeit gehört jedoch nicht zum offiziellen HTML-Sprachstandard. Sie sollten sie daher vermeiden.

Beispiel:

Beispiel-Seite Anzeigebeispiel: So sieht's aus

<html>
<head>
<title>Text des Titels</title>
</head>
<body>

<h1>Langes Wort</h1>
<p>Donaudampfschiffahrts<wbr>kapitänsmütze Donaudampfschiffahrts<wbr>kapitänsmütze ... </p>

</body>
</html>

Erläuterung:

Mit <wbr> markieren Sie eine Stelle, an der getrennt werden darf, falls diese Stelle bei der Bildschirmanzeige am Ende der Zeile steht (wbr = word break = Umbruch innerhalb eines Wortes). Sinnvoll ist dies bei langen Wörtern.

Innerhalb von nach oben Abschnitten mit verhindertem Zeilenumbruch bewirkt <wbr>, dass an der betreffenden Stelle trotzdem ein Umbruch erfolgen darf.

 nach obennach unten 

Weitere Informationen

In der Kapitel HTML-Referenz finden Sie genaue Angaben darüber, wo Zeilenumbrüche vorkommen dürfen, welche Attribute sie haben können und was bei den einzelnen Attributen zu beachten ist:
Seite Element-Referenz für Zeilenumbrüche
Seite Attribut-Referenz für Zeilenumbrüche

 nach oben
weiter Seite Listen
zurück Seite Textabsätze
 

© 2005 Seite Impressum