Espaces unicode et navigateurs web

• Florens Verschelde

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).

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.

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Ă©sultats par navigateur

Cette page présentait à l'origine un tableau de résultats selon les systèmes d'exploitation et navigateurs. Après des tests complémentaires, ces résultats semblent peu fiables. De nombreux paramètres entre en jeu:

Quelques constats Ă  prendre avec des pincettes

En conclusion: testez, et testez encore.