Handleiding HTML - Weergave tekst - Tekst bij elkaar houden

HTML		Weergave tekst

Handleiding HTML Inhoud HTML | Inhoud CSS | Trefwoordenregister | Begin

Gerelateerde elementen: ABBR | ACRONYM | B | BASEFONT | BIG | CITE | CODE | DEL | DFN | EM | FONT | I | INS | KBD | NOBR | Q | S | SAMP | SMALL | STRIKE | STRONG | SUB | SUP | TT | U | VAR

Tekst bij elkaar houden

Soms wil je voorkomen dat er op een bepaalde plaats een overgang is naar een nieuwe regel. Je zou dan gebruik kunnen maken van het NOBR element. De door dit element ingesloten tekst mag door de browser niet worden afgebroken en moet dus op één regel geplaatst worden.

In het volgende code wordt het NOBR element gebruikt om te voorkomen dat de omschrijving van een hyperlink wordt afgebroken:

<A HREF="http://www.handleidinghtml.nl"><NOBR>Handleiding HTML</NOBR></A>

Het NOBR element maakt geen deel uit van een HTML-specificatie. Wanneer je wilt voorkomen dat je documenten foutmeldingen opleveren bij de validatie van de HTML-code, dan kun je dit elementen dus beter niet toepassen. Er zijn echter twee goede alternatieven.

Het eerste alternatief voor het NOBR element is het gebruik maken van het speciale teken   (non-breaking space, ofwel niet-afbrekende spatie). Wanneer je dit speciale teken zonder verdere spaties tussen twee woorden plaatst, dan worden deze woorden samen als één woord gezien en wordt er tussenin niet afgebroken.

<A HREF="http://www.handleidinghtml.nl">Handleiding HTML</A> <A HREF="http://www.handleidinghtml.nl">Handleiding HTML</A>

Rechts is de weergave door de browser te zien en links een schermafdruk van de bedoelde weergave.

Bij het tweede alternatief voor het NOBR element maak je gebruik van stylesheets. Voor het deel van de tekst dat niet afgebroken mag worden, definieer je een stijl met de white-space eigenschap, die je de waarde nowrap geeft.

<A HREF="http://www.handleidinghtml.nl">Handleiding HTML</A> <A HREF="http://www.handleidinghtml.nl" STYLE="white-space: nowrap;">Handleiding HTML</A>

Rechts is de weergave door de browser te zien en links een schermafdruk van de bedoelde weergave.

Wanneer je gebruik maakt van één van de beschreven mogelijkheden om tekst bij elkaar te houden, is het verstandig dat alleen te doen voor korte stukken tekst. Daarmee voorkom je, dat de bezoeker genoodzaakt wordt de horizontale schuifbalk te moeten gebruiken om alle tekst te kunnen lezen.

Wanneer een woord met een koppelteken niet helemaal op een regel past, dan wordt dit na het streepje afgebroken. Wanneer je dat wilt voorkomen, dan kun je uiteraard gebruik maken van de hiervoor beschreven oplossing om met behulp van een stylesheet de tekst bij elkaar te houden. Als alternatief wordt het gewone koppelteken ook wel vervangen door een niet-afbrekend koppelteken (non-breaking hyphen). De code voor dat speciale karakter is in decimale notatie ‑ en in hexadecimale Unicode notatie ‑.

niet-afbrekende niet‑afbrekende niet‑afbrekende <SPAN STYLE="white-space: nowrap;">niet-afbrekende</SPAN>

Rechts is de weergave door de browser te zien en links een schermafdruk van de bedoelde weergave.

Inhoud onderdeel | Inhoud HTML | Inhoud CSS | Trefwoordenregister | Begin