La différence entre 6 types d'espaces blancs en HTML

Je crois que de nombreux étudiants n'ont pas une compréhension approfondie de la correspondance d'espace de html. Je pensais qu'il n'y avait qu'un seul espace dans html, mais après l'avoir lu, je l'ai lu. j'ai réalisé qu'il s'agissait en fait de Il existe six types d'espaces qui correspondent au html ! Sans plus tarder, jetons un coup d'œil

HTML propose 5 types d'entités spatiales (entités spatiales), qui ont des largeurs différentes ( ) qui correspondent à la largeur des espaces réguliers. navigateurs. Plusieurs autres espaces (       ‌‍ ) ont des largeurs différentes selon les navigateurs.

 

On l'appelle espace insécable, le nom complet est No-Break Espace, c'est le plus courant et le espace que nous utilisons le plus, grand La plupart des gens ne sont peut-être entrés en contact qu'avec  , qui est l'espace généré en appuyant sur la touche espace. En HTML, si vous utilisez la barre d'espace pour générer cet espace, les espaces ne s'accumuleront pas (comptent seulement pour 1). Il ne peut être accumulé qu'en utilisant la représentation d'entité HTML. La largeur de cet espace est évidemment et fortement affectée par la police.

 

On l'appelle "espace demi-largeur", le nom complet est En Space, en est l'unité de mesure de la typographie , qui correspond à la moitié de la largeur de l'em. Par définition, cela équivaut à la moitié de la taille de la police (par exemple 8px dans une police de 16px). Nominalement, la largeur de la lettre minuscule n. Cet espace hérite des caractéristiques cohérentes de la famille des espaces : il est transparent, cet espace a une caractéristique très stable, c'est-à-dire que la largeur qu'il occupe est exactement la moitié de la largeur chinoise, et il n'est fondamentalement pas affecté par la police.

 

Il s'appelle "espace pleine largeur", et son nom complet est Em Space. Par exemple, 1 em dans une police de 16 px équivaut à 16 px. Cet espace hérite également des caractéristiques cohérentes de la famille des espaces : il est transparent. Cet espace a également une caractéristique très stable, c'est-à-dire que la largeur qu'il occupe est exactement de 1 largeur chinoise, et il n'est fondamentalement pas affecté par la police.

  

On l'appelle espace étroit, son nom complet est Thin Space. Autant l'appeler un « espace maigre », ce qui signifie que l'espace est relativement mince, a un corps mince et occupe une largeur relativement petite. Il fait un sixième de em de large.

‌

Il s'appelle Zero width non joiner, le nom complet est Zero Width non joiner, appelé "ZWNJ", est un caractère non imprimable. Les caractères sont placés entre les deux caractères du texte électronique, supprimant les ligatures qui se produiraient autrement et les dessinant à la place dans les glyphes originaux des deux caractères. Le caractère non-jointeur de largeur nulle dans Unicode est mappé à "" (non-jointeur de largeur nulle, U+200C), et la valeur du caractère HTML fait référence à comme : ‌

‍

Il s'appelle Zero width Joiner, le nom complet est Zero width Joiner, appelé "ZWJ", c'est un caractère non imprimable, placé dans certaines langues ​​qui nécessitent une composition complexe (comme l'arabe, l'hindi (argot) entre les deux caractères, ce qui fait que les deux caractères qui n'auraient pas été coupés produisent un effet de trait d'union. Le point de code Unicode pour le trait d'union de largeur nulle est U+200D (HTML : ‍ ‍).

De plus, le navigateur interprétera les caractères suivants comme des espaces : espace ( ), taquet de tabulation ( ), saut de ligne ( ) et retour chariot ( & #x000D;) et (　) et ainsi de suite.

Ce qui précède représente tout le contenu de cet article. J'espère qu'il pourra vous apporter une nouvelle compréhension des espaces HTML.

Recommandations associées :

code d'espace html

Plusieurs formes d'espaces HTML_html/css_WEB-ITnose

HTML implémente un champ de recherche translucide flottant fixe mobile

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!