Comment obtenir un caractère d'onglet ?

Question

En HTML, il n'y a pas de caractère pour une tabulation, mais je ne comprends pas pourquoi je peux en copier et coller une ici : . (Vous ne pouvez pas le voir dans toute sa largeur, mais si vous cliquez pour modifier ma question, vous verrez le caractère). Si je peux copier et coller un caractère de tabulation, il devrait y avoir un équivalent unicode qui peut être codé en html. Je sais qu'il n'existe pas, mais c'est un mystère que je n'ai jamais été capable de saisir.

Ma question est donc la suivante : pourquoi n'y a-t-il pas de caractère unicode pour une tabulation, même si je peux la copier et la coller ?

Answer 1

Bien sûr, il y a une entité pour les onglets :

	

(La tabulation est le caractère ASCII 9, ou Unicode U+0009).

Cependant, tout comme les onglets littéraux (ceux que vous tapez dans votre éditeur de texte), tous les caractères de tabulation sont traités comme des espaces blancs par les analyseurs HTML et réduits à un seul espace. sauf ceux qui se trouvent dans un <pre> où les tabulations littérales seront rendues sous forme de 8 espaces dans une police monospace.

Answer 2

Essayez  

conformément à la documentation :

Les entités de caractère   y   dénote un espace en et un em respectivement, où un espace en correspond à la moitié de la taille du point et un espace em est égale à la taille de point de la police actuelle. Pour les polices à pas fixe l'agent utilisateur peut traiter l'espace en comme étant équivalent à un caractère d'espacement A et l'espace em comme équivalant à deux caractères d'espacement. d'espace.

Lien vers les documents : https://www.w3.org/MarkUp/html3/specialchars.html

Answer 3

Mettez-le entre <pre></pre> puis utiliser ces caractères 	

il ne fonctionnerait pas sans le <pre></pre> tags

Answer 4

Poster une autre alternative pour être plus complet. Lorsque j'ai essayé les réponses basées sur les "pré", elles ont également ajouté des sauts de ligne verticaux supplémentaires.

Chaque tabulation peut être convertie en une séquence d'espaces insécables qui ne nécessitent pas d'habillage.

"    " 

Il n'est pas recommandé de l'utiliser de manière répétée/extensive dans une page. Une approche de type div margin/padding serait beaucoup plus propre.

Answer 5

J'utilise <span style="display: inline-block; width: 2ch;">&#9;</span> pour un onglet de deux caractères de large.