Espaces unicode et navigateurs web

Màj: 5 décembre 2008

Il existe 16 espaces en Unicode, dont 2 sont redondantes. Cette page teste le rendu de 12 de ces espaces dans les navigateurs. Des résultats sont compilés pour les principaux navigateurs.

Notons que le rendu exact peut dépendre du navigateur, mais aussi de la fonte utilisée pour l’affichage, du système d’exploitation, et de la fonte système utilisée pour remplacer les caractères manquants dans la fonte d’affichage.

Références

Pour construire ce document, j’ai travaillé à partir de cette référence technique sur les espaces en Unicode (fileformat.info).

Pour plus d’informations sur les espaces en imprimerie et en composition typographique, on pourra lire: Espaces en tous genres, de Jacques Poitou.

Rendu des espaces

Le tableau de test ci-dessous utile la fonte Arial de Microsoft. Les résultats sont les même avec deux autres fontes faisant partie des core fonts de Microsoft, et très utilisées sur le Web: Verdana et Georgia.

Test du rendu des différentes espaces unicode
Nom de l’espace Référence unicode Aperçu Entités utilisées pour le test
Espace cadratin EM SPACE (et EM QUAD, redondant) HH
H H
H H
H H
H H
  (EM SPACE)
  (EM SPACE)
  (EM SPACE)
  (EM QUAD)
  (EM QUAD)
Espace demi-cadratin EN SPACE (et EN QUAD, redondant) HH
H H
H H
H H
H H
  (EN SPACE)
  (EN SPACE)
  (En SPACE)
  (EN QUAD)
  (EN QUAD)
Tiers de cadratin THREE-PER-EM SPACE HH
H H
 
 
Espace
(ou espace-mot; c’est celui qu’on obtient avec la touche «Espace» du clavier)
SPACE H H
H H
H H
aucune (charactère «»)
 
 
Espace insécable NO-BREAK SPACE H H
H H
H H
 
 
 
Quart de cadratin FOUR-PER-EM SPACE HH
H H
 
 
Espace fine THIN SPACE HH
H H
H H
 
 
 
Espace insécable étroite NARROW NO-BREAK SPACE HH
H H
 
 
Sixième de cadratin SIX-PER-EM SPACE HH
H H
 
 
Espace ultra fine HAIR SPACE HH
H H
 
 
Pas d’espace n.a. HH n.a.

Résultats par navigateur

Navigateur EM EN EM/3 SP NBSP EM/4 THIN NNBSP EM/6 HAIR
Firefox 2–3 / Linux OK OK OK OK OK OK OK OK OK OK
Firefox 3 / OSX10.5 OK OK OK OK OK OK OK OK OK OK
Firefox 2 / Vista OK OK OK OK OK OK OK OK OK OK
Internet Explorer 7 / Vista OK OK OK OK OK OK OK OK OK OK
Safari 3.2 / OSX10.5 OK OK OK OK OK OK OK OK OK OK
Safari 2 / OSX10.5 ? ? ? OK OK OK OK OK OK OK
Firefox 1–2 / WinXP OK OK OK OK OK OK OK Zéro OK OK
Firefox 3 / WinXP OK OK OK OK OK OK OK «?» OK OK
Internet Explorer 7 / WinXP OK OK OK OK OK OK OK «?» OK OK
Safari 3.1 / WinXP OK OK OK OK OK OK OK «?» OK OK
Opera 10.0 alpha / OSX10.5 SP SP SP OK OK SP SP SP SP SP
Opera 9.2x / WinXP+Vista+Linux+OSX10.5 SP SP SP OK OK SP SP SP SP SP
Konqueror 3.5.9 / Linux «?» «?» «?» OK OK «?» «?» Zéro «?» «?»
Internet Explorer 6 / WinXP «?» «?» «?» OK OK «?» «?» «?» «?» «?»

Insécables ou pas?

Si l’espace utilisée est bien comprise comme une espace insécable par le navigateur, le texte en vert ne devrait pas passer à la ligne.

300 espaces simples (espace ou  , sécable): AAAAA AAAAA

300 espaces insécables ( ): AAAAA                                                                                                                                                                                                                                                                                                            AAAAA

300 espaces fines insécables ( ): AAAAA                                                                                                                                                                                                                                                                                                            AAAAA

300 espaces fines insécables ( ): AAAAA                                                                                                                                                                                                                                                                                                            AAAAA

Résultat: parmi les navigateurs testés, seul Firefox sous Linux et Safari sous OS X 10.5 affichent correctement les espaces insécables étroites.