Un titre incroyablement long, absurdement long, supercalifragilistiquement long : pour un test
Pour démontrer l'usage de la référence de caractère HTML "& nbsp;" à la place de l'espace dans une longue ligne de texte comme un titre
Lorsqu'un texte est trop long pour être affiché sur une seule ligne dans la fenêtre du navigateur, le navigateur le coupe à un endroit qui lui apparaît approprié.
Le navigateur suit des règles pour effectuer cette séparation et l'endroit choisi est effectivement approprié de façon générale : après une virgule, un point, une espace entre les mots. [style=details]([flag]Note : [/flag]en typographie, //espace// est féminin !)[/style]
Parfois, cependant, on aimerait que la ligne ne soit pas brisée. Il existe différentes façons d'empêcher le retour automatique à la ligne, que ce soit la balise HTML non standard
L'espace protégée (//non-breaking space// en anglais) est une espace qui s'affiche normalement à l'écran mais interdit au navigateur d'effectuer un retour à la ligne à cet endroit. On la représente par une des références de caractère HTML (//character entity// en anglais) suivantes : la référence numérique
Pour forcer un titre long à demeurer sur une seule ligne et voir comment ça s'affiche lorsque sa longueur dépasse la longueur de l'écran, j'ai écrit le titre de cette page avec une espace ordinaire après le premier mot (d'où le retour à la ligne) et des espaces protégées entre chacun des mots et signes de ponctuation suivants. Notez que le retour à la ligne ne s'effectue même pas aux signes de ponctuation.
Le navigateur suit des règles pour effectuer cette séparation et l'endroit choisi est effectivement approprié de façon générale : après une virgule, un point, une espace entre les mots. [style=details]([flag]Note : [/flag]en typographie, //espace// est féminin !)[/style]
Parfois, cependant, on aimerait que la ligne ne soit pas brisée. Il existe différentes façons d'empêcher le retour automatique à la ligne, que ce soit la balise HTML non standard
< nobr > ou la déclaration CSS white-space: nowrap; mais la façon la plus simple est probalement l'usage de l'espace protégée.L'espace protégée (//non-breaking space// en anglais) est une espace qui s'affiche normalement à l'écran mais interdit au navigateur d'effectuer un retour à la ligne à cet endroit. On la représente par une des références de caractère HTML (//character entity// en anglais) suivantes : la référence numérique
& #160; ou la référence nommée & nbsp; [style=details]([flag]Note :[/flag] ne pas mettre d'espace après l'esperluette dans les références de carctères, elles ne sont ici qu'en raison des règles de sécurité sur le site de yacs)[/style]Pour forcer un titre long à demeurer sur une seule ligne et voir comment ça s'affiche lorsque sa longueur dépasse la longueur de l'écran, j'ai écrit le titre de cette page avec une espace ordinaire après le premier mot (d'où le retour à la ligne) et des espaces protégées entre chacun des mots et signes de ponctuation suivants. Notez que le retour à la ligne ne s'effectue même pas aux signes de ponctuation.