Maison  >  Article  >  interface Web  >  Comment représenter les caractères d'espace en HTML

Comment représenter les caractères d'espace en HTML

醉折花枝作酒筹
醉折花枝作酒筹original
2021-06-02 16:06:3025812parcourir

Comment représenter les caractères d'espace : 1. " ", représente un espace insécable ; 2. " ", représente un espace demi-largeur ; 3. "   », représente un espace plein ; -espace de largeur ; 4. « &thinsp ;", représente des espaces étroits ; 5. " ", " ", etc., représente des espaces ordinaires.

Comment représenter les caractères d'espace en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Normalement, nous utilisons la barre d'espace pour saisir plusieurs espaces. Lors de l'écriture de code, les espaces saisis par la barre d'espace, la touche Tab et la touche Entrée seront automatiquement reconnus par la négligence HTML (Hypertext Markup Language). HTML traite ces clés comme des caractères d'espacement et les affiche sous la forme d'un seul intervalle d'espacement. Bien que CSS propose différents styles d'espacement et d'indentation, il existe également des outils en HTML qui vous permettent de définir vous-même l'espacement.

1. Utilisez " " pour les espaces insécables

Comment représenter les caractères despace en HTML

De manière générale, peu importe le nombre de fois que vous appuyez sur la touche barre d'espace, HTML affichera également uniquement un espace blanc entre les mots. Lorsque vous devez insérer plusieurs espaces, veuillez saisir le code   [1] Ils sont appelés « espaces réservés ». Si vous en saisissez quelques-uns, ils afficheront quelques espaces sur la page. On l'appelle espace insécable car il ne produit pas de caractère de nouvelle ligne. Si vous abusez de cet espacement, le navigateur risque de ne pas être en mesure d'insérer des sauts de ligne de manière nette et lisible.

2. Utilisez " " pour les espaces demi-largeur pour représenter

les espaces demi-largeur. Le nom complet est En Space en est l'unité de mesure de. typographie, qui correspond à la largeur de   Par définition, elle équivaut à la moitié de la taille de la police, par exemple 5px dans une police de 10px. Caractéristiques : la largeur qu'elle occupe est exactement la moitié de la largeur chinoise et n'est fondamentalement pas affectée par la police.

— « en espace » est nommé selon l'unité de mesure de la typographie, et la largeur est la largeur de deux espaces ordinaires

Utilisez « . pour les espaces pleine largeur » signifie

« espace pleine largeur », le nom complet est Em Space, em est l'unité de mesure de la typographie, qui équivaut au nombre de points actuellement spécifié. 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.

— "em space" a environ la largeur de quatre espaces ordinaires

4. Utilisez "" pour les espaces étroits pour représenter

Espace étroit, le nom complet est Thin Space. La largeur occupée est relativement petite. Il fait un sixième de la largeur.

5. Espaces ordinaires

Le navigateur analysera également les caractères suivants comme des espaces blancs : espace ( ), taquet de tabulation ( ), ligne pauses ( ) et ( ), etc.

Exemple :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p>测试文本  测试文本</p>
		<p>测试文本&ensp;&ensp;测试文本</p>
		<p>测试文本&emsp;&emsp;测试文本</p>
		<p>测试文本&thinsp;&thinsp;测试文本</p>
		<p>测试文本&#x0020;&#x0020;测试文本</p>
		<p>测试文本&#x0009;&#x0009;测试文本</p>
		<p>测试文本&#x000A;&#x000A;测试文本</p>
		<p>测试文本&#12288;&#12288;测试文本</p>
	</body>
</html>

Comment représenter les caractères despace en HTML

Apprentissage recommandé : Tutoriel vidéo HTML

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn