Caractères spéciaux HTML. Caractères d'espacement et leur formatage du code en Html, ainsi que des caractères d'espacement spéciaux insécables et autres mnémoniques

Le texte dactylographié se compose de caractères imprimés - symboles graphiques.
Les symboles graphiques sont des symboles qui ont un affichage visible dans le texte.
Tous les symboles graphiques sont rassemblés dans un ensemble d'un seul système Unicode universel.
Insérer un caractère graphique Unicode dans un document html
est le but principal et unique de cette table.

Vous pouvez insérer un symbole dans un document html de l'une des manières suivantes :

1. copiez l'image du symbole de la fenêtre du navigateur dans la fenêtre de votre éditeur visuel html
2. copier le code html du caractère directement dans le code du document html

Supposons qu'il s'agisse de deux manières différentes :

1. insérer visuel dans visuel
2. intégrer du code dans le code.

La police du symbole, sa taille et sa couleur en HTML peuvent être définies avec un code, comme :
CODE DE CARACTÈRE
où,
Arial - police,
10px - taille de la police en pixels,
# ff0000 - code de couleur de police (rouge)

Par exemple:
☎ - la taille de la police du symbole est de 30px,
☎ - la taille de la police du symbole est de 30px, couleur - rouge
☎ - la taille de la police du symbole est de 20px,
☎ - la taille de la police du symbole est de 10px.
Environ. Les polices recommandées pour l'insertion de caractères spéciaux sont Arial, Verdana et Tahoma. Ces polices affichent correctement les caractères Unicode et, à leur tour, sont correctement prises en charge par les applications Web.

1. "Symbole"
   (affichage du symbole visible)
   A partir de cette colonne, vous pouvez copier l'image du symbole et la coller dans la fenêtre de l'éditeur de texte html. Le caractère sera copié avec une taille de police de 20px. Une fois la copie terminée, vous devrez peut-être personnaliser la taille de la police directement pour le caractère copié.
2. "Nom"
   (uniquement pour les caractères importants ou incompréhensibles)
   Explication de la finalité du symbole, de sa portée, exemples...
3. "Mnémotechnique"
   Un mnémonique est une construction littérale de la forme ", désignant le code alphabétique d'un caractère en HTML. Il est inséré directement dans le code html d'un document html. Les mnémotechniques sont très populaires parmi les maquettistes professionnels. Ils sont parfaitement mémorisés par les humains et sont pris en charge par toutes les applications html. Chaque mnémonique contient un nom alphabétique (désignation ) de son symbole et un signe de service (&), qui sert de signal pour lire le code du navigateur et n'est pas affiché sur l'écran du moniteur. de chaque mnémonique est unique et facile à lire, car il est dérivé du mot anglais qui caractérise le symbole.

   Mnémoniques (grec) - l'art de se souvenir de quelque chose. Les mnémoniques sont utilisés pour faciliter la perception d'informations difficiles à mémoriser lorsque l'objet de stockage est amené dans un état associatif avec quelque chose.

4. "Code"
   Le code est un code décimal numérique d'un caractère en HTML, comme &. Inséré directement dans le code html du document html. Le code décimal numérique se compose d'un nombre indiquant le nombre ordinal d'un caractère dans le système Unicode et de plusieurs caractères de service (& et #), qui servent de signal pour lire le code pour le navigateur et ne sont pas affichés sur l'écran du moniteur. Le code décimal numérique est répandu et largement utilisé en raison de sa polyvalence et de sa facilité de perception.

Caractères de contrôle en HTML (XHTML)

Les caractères de contrôle en HTML (XHTML) sont des caractères de service en langage HTML qui sont utilisés dans la mise en page HTML d'une page Web. Ces caractères doivent être pris en charge par n'importe quel navigateur, car sans eux, l'affichage correct du texte HTML est impossible. Les caractères de contrôle ne sont pas affichés dans le texte et, lorsqu'ils sont saisis directement à partir du clavier, sont interprétés par le navigateur comme des signes de ponctuation qui appellent à l'exécution de toute action lorsque la page est dessinée à l'écran.

Il est permis d'utiliser des symboles de contrôle dans les textes ordinaires, où ils symbolisent des concepts humains communs et sont interprétés par le navigateur comme des caractères typographiques ordinaires. Avec cette utilisation de symboles de service dans les textes HTML, il est nécessaire d'entrer non pas la valeur du symbole lui-même, mais son code HTML. Car, je le répète, sinon le navigateur percevra le symbole du service comme un appel à l'action et n'affichera pas correctement le texte HTML sur l'écran du moniteur.

Les symboles de contrôle et leur code HTML sont connus et compris par tous les navigateurs sans exception, ce qui ne peut être dit, hélas, sur le reste des signes qui peuvent être affichés de manière incorrecte dans différents navigateurs ou, pire encore, ne pas être affichés du tout.

Syntaxe et ponctuation

	espace de longueur N (espace normal)
	espace de longueur M (espace long)
-	portage souple (caractère non imprimable)			-	­
‑	trait d'union				– ‑
-	longueur du tiret N (tiret régulier)			-	–
—	longueur du tiret M (tiret em)			—	—
.	point				.
,	virgule				,
…	ellipse			…	…
:	côlon				:
;	point-virgule				;
!	point d'exclamation				! ǃ
?	point d'interrogation				?
@	"chien"				@
*	"Star"				*
#	"treillis"				#
‘	guillemet simple en haut à gauche			‘	‘ ‘
’	guillemet simple en haut à droite			’	’ ’
‚	guillemet simple en bas à droite			‚	‚ ‚
“	guillemet double en haut à gauche			“	“ “
”	guillemet double en haut à droite			”	” ”
„	double guillemet en bas à droite			& bdquo	„ „
«	guillemet double angle gauche (rus)			«	«
»	guillemet double angle droit (rus)			»	»
́	accent, exemple : Vasya				́
"	apostrophe, exemple : vous "je				"
´	aigu, exemple : Vas'ya			´	´
¶	paragraphe (marque non imprimable)			¶	¶
§	paragraphe			§	§
ˆ	accent (oiseau inversé)			ˆ	ˆ ˆ
˜	petit tilde			˜	˜ ˜
¦	ligne pointillée verticale			¦	¦
(	parenthèse à gauche				(
)	parenthèse droite				)
〈	équerre gauche			〈	〈
〉	support à angle droit			〉	〉
‹	équerre gauche, option			‹	‹
›	équerre droite, option			›	›
[	crochet à gauche				[
]	crochet à droite				]
/	barre oblique - caractère barre oblique				/
\	barre oblique inverse				\
⁄	barre oblique (signe de division)			⁄	⁄
ǀ	barre verticale				ǀ
ǁ	double barre verticale				ǁ
‾	surligner, exemple : Vasya‾vasya			‾	‾
¯	macron, exemple : Vasya¯vasya			¯	¯

Marques et devises

+	un plus			+	+
−	moins			−	- −
=	équivaut à				=
±	plus ou moins			±	±
×	signe de multiplication			×	×
÷	signe de division			÷	÷
⋅	opérateur point (ligne médiane)			⋅	· ⋅
∗	opérateur astérisque (milieu de la ligne)			∗	∗
∼	opérateur tilde			∼	∼
.	marqueur de liste (milieu de la ligne)			.	•
¹	exposant "1"			¹	¹
²	exposant "2"			²	²
³	exposant "3"			³	³
Exposant et indice en HTML (XHTML) peut être inséré à l'aide de balises et , respectivement: NUMÉRO Exposant→ NOMBRE Exposant NUMÉRO Indice→ NOMBRE Indice
½	fraction "une seconde"			½	½
⅓	fraction "un tiers"				⅓
¼	fraction "un quart"			¼	¼
¾	fraction "trois quarts"			¾	¾
№	signe de nombre				№
%	pour cent				%
‰	ppm			‰	‰ ‰
°	degrés			°	°
′	course (minutes, pieds)			′	′
″	double prime (secondes, pouces) Exemple 1 : 30° 25 12 ″ Exemple 2 : 25 12 ″			″	″
µ	micro			µ	µ
π	Pi			π	π
ƒ	signe de fonction (à ne pas confondre avec "intégrale")			ƒ	ƒ ƒ
∫	intégral			∫	∫
∅	zéro barré, ensemble vide (à ne pas confondre avec "diamètre")			∅	∅
⌀	diamètre (à ne pas confondre avec le latin "o" barré)				⌀
ø	"o" latin barré en diagonale			ø	ø
Ø	lettre majuscule latine "O" barrée en diagonale			Ø	Ø
∏	marque de travail			∏	∏
∑	signe de sommation			∑	∑
√	radical (racine carrée ou racine de puissance x)			√	√
∝	proportionnellement			∝	∝
∞	Infini			∞	∞
∠	injection			∠	∠
⊥	orthogonal (perpendiculaire)			⊥	⊥
∴	signe par conséquent			∴	∴
≅	approximativement égal			≅	≅
≈	presque égal			≈	≈
≠	inégal			≠	≠
≡	à l'identique			≡	≡
≤	inférieur ou égal à			≤	≤
≥	plus ou égal			≥	≥
∧	ET logique			∧	∧
∨	OU logique			∨	∨
⊕	signe plus dans un cercle (montant direct)			⊕	⊕
⊗	multiplication dans un cercle (produit croisé, flèche de l'observateur)			⊗	⊗
ʘ	point dans un cercle (flèche sur l'observateur)				ʘ

				✵ ✵

Cette page contient flèches pour VKontakte (et pas seulement) depuis Unicode. Beaucoup d'entre eux. Peut-être plus que nous. Je ne serais pas surpris qu'un jour ils prennent le contrôle du monde. Et ce n'est pas un fait que ce soit mauvais. Ils sont déjà partout maintenant. Regardez autour de vous, vous en verrez sûrement au moins un. Eh bien, ou quelque chose de similaire, quelque chose qui peut être utilisé à la place. Ils regardent, attendent. Jusqu'à présent, ils ont plus d'avantages que de mal. Espérons que cela reste ainsi. Eh bien, aidons les symboles des signes à pénétrer plus profondément dans les réseaux sociaux.

Je dirai quelques mots sur l'histoire de l'apparition des flèches. Ils sont apparus sur les pantalons au 19ème siècle en raison du fait qu'après avoir été transportés en balles serrées, les pantalons étaient difficiles à lisser. Sous nos yeux, ils ont été peints dans l'Egypte ancienne. Je ne sais pas quand les repères sont apparus. Probablement avant même la création du premier système d'écriture. En Unicode, les flèches sont apparues par étapes. Bien qu'ils aient leur propre section séparée et deux autres, divers indicateurs de direction peuvent être vus dans plusieurs autres sections. Par exemple, dans une variété de symboles techniques ou de dingbats.

Symboles de flèches pour les réseaux sociaux

Les flèches noires sont nécessaires et bien sûr. Après tout, ils indiquent la direction. Par exemple, à droite et en bas : . Mais au sud-est : ➘. Super, n'est-ce pas ?

Les pointeurs sont disponibles dans une grande variété de formes et de tailles. Ondulé, cassé, gras, noir, blanc. Certains ne sont même pas très typiques. Jetez un œil à ce fer de lance pour droitier ombré : ➤. Un tel pourra décorer n'importe quel message, statut ou. Ci-dessus sont rassemblés des pointeurs pour tous les goûts et toutes les tailles. Beaucoup différents, très nombreux. Un jour ils saisiront... Quelque part il y avait un médicament...

Pour copier la flèche quelque part dans VKontakte, sélectionnez-la avec la souris et copiez-la quelque part dans VKontakte.

Les caractères spéciaux HTML sont des constructions de langage spéciales qui font référence aux caractères du jeu de caractères utilisé dans fichiers texte... Le tableau fournit une liste de caractères réservés et spéciaux qui ne peuvent pas être ajoutés à la source Document HTML à l'aide du clavier :

• caractères qui ne peuvent pas être saisis à l'aide du clavier (par exemple, le symbole du droit d'auteur)
• symboles destinés au balisage (par exemple, un signe plus ou moins grand)

Ces caractères sont ajoutés à l'aide d'un code numérique ou d'un nom.

symbole	Code numérique	Nom du symbole	La description
"	"	"	Guillemet
"	"	"	apostrophe
&	&	&	esperluette
<		<	moins de signe
>	>	>	plus de signe
			espace insécable (Un espace insécable est un espace qui apparaît à l'intérieur d'une ligne comme un espace normal, mais empêche les programmes d'affichage et d'impression de rompre la ligne à ce stade.)
¡	¡	¡	inversé Point d'exclamation
¢	¢	¢	cent
£	£	£	kg.
¤	¤	¤	devises
¥	¥	¥	yen
¦	¦	¦	barre verticale cassée
§	§	§	section
¨	¨	¨	intervalle (cyrillique)
	©		signe de droit d'auteur
ª	ª	ª	ordinal féminin
«	«	«	Citations françaises (arbres de Noël) - gauche
¬	¬	¬	expressions-négation
®	®	®	inscrit marque déposée
¯	¯	¯	espacement des macrons
°	°	°	degré
±	±	±	plus ou moins
²	²	²	exposant 2
³	³	³	exposant 3
´	´	´	intervalle aigu
µ	µ	µ	micro
¶	¶	¶	paragraphe
·	·	·	milieu
¸	¸	¸	intervalle cédil
¹	¹	¹	exposant 1
º	º	º	ordinal masculin
»	»	»	Citations françaises (arbres de Noël) - à droite
¼	¼	¼	1/4 partie
½	½	½	1/2 partie
¾	¾	¾	3/4 partie
¿	¿	¿	point d'interrogation inversé
×	×	×	multiplication
÷	÷	÷	division
́	́		stress
Œ	Œ	Œ	ligature majuscule OE
œ	œ	œ	petite ligature oe
Š	Š	Š	S avec couronne
š	š	š	minuscule S avec couronne
Ÿ	Ÿ	Ÿ	Y majuscule avec diadème
ƒ	ƒ	ƒ	f avec crochet
ˆ	ˆ	ˆ	accent dicriatique
˜	˜	˜	petit tilde
–	–	-	tiret
—	—	—	em tiret
‘	‘	‘	guillemet simple gauche
’	’	’	guillemet simple droit
‚	‚	‚	guillemet simple en bas
“	“	“	guillemets gauches
”	”	”	guillemets droits
„	„	„	guillemets inférieurs
†	†	†	dague
‡	‡	‡	poignard double
		.	balle
…	…	…	ellipse horizontale
‰	‰	‰	ppm (millièmes)
′	′	′	minutes
″	″	″	secondes
‹	‹	‹	guillemet simple angle gauche
›	›	›	guillemet simple à angle droit
‾	‾	‾	surligner
€	€	€	euro
™	™ ou ™	™	marque déposée
←	←	←	Flèche gauche
			flèche vers le haut
→	→	→	flèche droite
↓	↓	↓	flèche vers le bas
↔	↔	↔	flèche à deux pointes
↵	↵	↵	flèche de retour chariot
⌈	⌈	⌈	coin supérieur gauche
⌉	⌉	⌉	le coin supérieur droit
⌊	⌊	⌊	coin inférieur gauche
⌋	⌋	⌋	Le coin inférieur droit
◊	◊	◊	rhombe
♠	♠	♠	pics
♣	♣	♣	baptiser
			vers
♦	♦	♦	bubi

Symboles mathématiques pris en charge en HTML

symbole	Code numérique	Nom du symbole	La description
∀	∀	∀	pour tout le monde, pour tout le monde
∂	∂	∂	partie
∃	∃	∃	existe
∅	∅	∅	ensemble vide
∇	∇	∇	opérateur Hamilton ("nabla")
∈	∈	∈	appartient à l'ensemble
∉	∉	∉	n'appartient pas à l'ensemble
∋	∋	∋	ou
∏	∏	∏	travail
∑	∑	∑	somme
−	−	−	moins
∗	∗	∗	multiplication ou opérateur conjugué à
×	×	& heures	signe de multiplication
√	√	√	Racine carrée
∝	∝	∝	proportionnalité
∞	∞	∞	Infini
⋮	⋮		multiplicité
∠	∠	∠	injection
∧	∧	∧	et
∨	∨	∨	ou
∩	∩	∩	traversée
∪	∪	∪	syndicat
∫	∫	∫	intégral
∴	∴	∴	donc
∼	∼	∼	Comme
≅	≅	≅	comparable
≈	≈	≈	approximativement égal
≠	≠	≠	inégal
≡	≡	≡	à l'identique
≤	≤	≤	inférieur ou égal à
⩽	⩽ ⩽	⩽ ⩽	inférieur ou égal à
≥	≥	≥	plus ou égal
⩾	⩾ ⩾	⩾ ⩾	plus ou égal
⊂	⊂	⊂	sous-ensemble
⊃	⊃	⊃	sur-réseaux
⊄	⊄	⊄	pas un sous-ensemble
⊆	⊆	⊆	sous-ensemble
⊇	⊇	⊇	sur-ensemble
⊕	⊕	⊕	somme directe
⊗	⊗	⊗	produit tenseur
⊥	⊥	⊥	perpendiculaire
⋅	⋅	⋅	opérateur point

Alphabets grec et copte

symbole	Code numérique	Code hexadécimal	Nom du symbole
Ͱ	Ͱ	Ͱ
ͱ	ͱ	ͱ
Ͳ	Ͳ	Ͳ
ͳ	ͳ	ͳ
ʹ	ʹ	ʹ
͵	͵	͵
Ͷ	Ͷ	Ͷ
ͷ	ͷ	ͷ
ͺ	ͺ	ͺ
ͻ	ͻ	ͻ
ͼ	ͼ	ͼ
ͽ	ͽ	ͽ
;	;	;
΄	΄	΄
΅	΅	΅
Ά	Ά	Ά
·	·	·
Έ	Έ	Έ
Ή	Ή	Ή
Ί	Ί	Ί
Ό	Ό	Ό
Ύ	Ύ	Ύ
Ώ	Ώ	Ώ
ΐ	ΐ	ΐ
Α	Α	Α	Α
Β	Β	Β	Β
Γ	Γ	Γ	Γ
Δ	Δ	Δ	Δ
Ε	Ε	Ε	Ε
Ζ	Ζ	Ζ	Ζ
Η	Η	Η	Η
Θ	Θ	Θ	Θ
Ι	Ι	Ι	Ι
Κ	Κ	Κ	Κ
Λ	Λ	Λ	Λ
Μ	Μ	Μ	Μ
Ν	Ν	Ν	Ν
Ξ	Ξ	Ξ	Ξ
Ο	Ο	Ο	Ο
Π	Π	Π	Π
Ρ	Ρ	Ρ	Ρ
Σ	Σ	Σ	Σ
Τ	Τ	Τ	Τ
Υ	Υ	Υ	Υ
Φ	Φ	Φ	Φ
Χ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ψ
Ω	Ω	Ω	Ω
Ϊ	Ϊ	Ϊ
Ϋ	Ϋ	Ϋ
ά	ά	ά
έ	έ	έ
ή	ή	ή
ί	ί	ί
ΰ	ΰ	ΰ
α	α	α	α
β	β	β	β
γ	γ	γ	γ
δ	δ	δ	δ
ε	ε	ε	ε
ζ	ζ	ζ	ζ
η	η	η	η
θ	θ	θ	θ
ι	ι	ι	ι
κ	κ	κ	κ
λ	λ	λ	λ
μ	μ	μ	μ
ν	ν	ν	ν
ξ	ξ	ξ	ξ
ο	ο	ο	ο
π	π	π	π
ρ	ρ	ρ	ρ
ς	ς	ς	ς
σ	σ	σ	σ
τ	τ	τ	τ
υ	υ	υ	υ
φ	φ	φ	φ
χ	χ	χ	χ
ψ	ψ	ψ	ψ
ω	ω	ω	ω
ϊ	ϊ	ϊ
ϋ	ϋ	ϋ
ό	ό	ό
ύ	ύ	ύ
ώ	ώ	ώ
Ϗ	Ϗ	Ϗ
ϐ	ϐ	ϐ
ϑ	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϒ
ϓ	ϓ	ϓ
ϔ	ϔ	ϔ
ϕ	ϕ	ϕ	ϕ
ϖ	ϖ	ϖ	ϖ
ϗ	ϗ	ϗ
Ϙ	Ϙ	Ϙ
ϙ	ϙ	ϙ
Ϛ	Ϛ	Ϛ
ϛ	ϛ	ϛ
Ϝ	Ϝ	Ϝ	Ϝ
ϝ	ϝ	ϝ	ϝ
Ϟ	Ϟ	Ϟ
ϟ	ϟ	ϟ
Ϡ	Ϡ	Ϡ
ϡ	ϡ	ϡ
Ϣ	Ϣ	Ϣ
ϣ	ϣ	ϣ
Ϥ	Ϥ	Ϥ
ϥ	ϥ	ϥ
Ϧ	Ϧ	Ϧ
ϧ	ϧ	ϧ
Ϩ	Ϩ	Ϩ
ϩ	ϩ	ϩ
Ϫ	Ϫ	Ϫ
ϫ	ϫ	ϫ
Ϭ	Ϭ	Ϭ
ϭ	ϭ	ϭ
Ϯ	Ϯ	Ϯ
ϯ	ϯ	ϯ
ϰ	ϰ	ϰ	ϰ
ϱ	ϱ	ϱ	ϱ
ϲ	ϲ	ϲ
ϳ	ϳ	ϳ
ϴ	ϴ	ϴ
ϵ	ϵ	ϵ	ϵ
϶	϶	϶	϶
Ϸ	Ϸ	Ϸ
ϸ	ϸ	ϸ
Ϲ	Ϲ	Ϲ
Ϻ	Ϻ	Ϻ
ϻ	ϻ	ϻ
ϼ	ϼ	ϼ
Ͻ	Ͻ	Ͻ
Ͼ	Ͼ	Ͼ
Ͽ	Ͽ	Ͽ

Pourquoi les caractères spéciaux sont-ils nécessaires et comment les utiliser

Supposons que vous décidiez de décrire une balise sur votre page, mais puisque le navigateur utilise des symboles< и >comme les balises de début et de fin, leur application dans votre contenu HTML peut entraîner des problèmes. Mais HTML vous donne moyen facile identifier ceux-ci et d'autres Symboles spéciaux en utilisant des abréviations simples appelées références de symboles.

Voyons voir comment ça fonctionne. Pour chaque caractère considéré comme spécial ou que vous souhaitez utiliser sur votre page Web, mais qui ne peut pas être imprimé dans votre éditeur (par exemple, un symbole de copyright), vous trouvez l'abréviation et saisissez-la dans le code html au lieu du caractère vous voulez. Par exemple, pour le symbole ">", l'abréviation est - > , et pour le symbole "<" - < .

Disons que vous vouliez imprimer "Element très important » sur sa page. Au lieu de cela, vous devrez utiliser des liens vers les symboles dont vous avez besoin pour afficher correctement l'enregistrement, et par conséquent, votre entrée de code devrait ressembler à ceci :

Élément très important

Essayer "

Un autre caractère spécial dont vous devez être conscient est le caractère & (esperluette). Si vous souhaitez qu'il apparaisse dans votre page HTML, utilisez le lien & au lieu du symbole &.

Bonjour chers lecteurs du site blog ! Ceux qui ont au moins superficiellement réussi à faire connaissance, ont probablement déjà pris note, bien qu'en termes généraux. Cela signifie qu'ils ont une idée des caractères HTML généralement utilisés dans le code du document.

Dans l'article d'aujourd'hui, nous allons essayer de comprendre ce qu'est un espace en HTML, auquel cas il est possible d'utiliser des caractères d'espacement lors du formatage du code lui-même pour une lecture facile. Nous découvrirons quand il est nécessaire d'utiliser un espace insécable et nous familiariserons également avec d'autres caractères spéciaux (ou, comme on les appelle aussi, mnémoniques).

En fait, je vous conseillerais de ne pas ignorer le sujet de l'utilisation de divers caractères spéciaux, car il s'agit d'un élément important qui vous permet de compléter l'étude du langage de balisage hypertexte. En général, les informations fournies dans cette publication ne seront certainement pas superflues. Eh bien, maintenant au fait.

Espaces et caractères blancs en HTML

Un point important doit d'abord être souligné. Le clavier de l'ordinateur a des touches spéciales qui vous permettent de mettre en œuvre la séparation de texte (plus de détails ci-dessous). Cependant, seule une large barre d'espace fournit une section entre les mots non seulement dans l'éditeur, mais également dans la fenêtre du navigateur. Il y a des nuances dans le retour à la ligne et l'indentation des marges.

Comme vous le savez, l'affichage de certains éléments dans un navigateur web est déterminé par des balises. Pour formater le texte, un bien connu est utilisé, qui est le bloc. C'est-à-dire que son contenu s'étend sur toute la largeur disponible.

À enrouler des lignes dans le paragraphe P, vous devez utiliser une seule balise BR avec laquelle vous pouvez le faire. Disons que nous devons insérer dans le texte quelques lignes d'un poème que nous écrivons dans un éditeur de texte :

Malgré le fait que les lignes du verset soient correctement situées et que la césure soit effectuée aux bons endroits, dans le navigateur, tout sera différent:

Pour obtenir le même affichage dans la fenêtre du navigateur, vous devez écrire BR à chaque saut de ligne :

Nous avons maintenant atteint l'achèvement de la tâche et dans le navigateur, les lignes de vers s'afficheront absolument correctement :

Ainsi, les sauts de ligne requis sont terminés. Ici, il est également nécessaire de noter une telle caractéristique que plusieurs espaces, se succédant, sont affichés par le navigateur Web comme un seul. Vous pouvez vous en convaincre si dans le même éditeur vous essayez de mettre non pas un, mais plusieurs espaces entre deux mots et, en cliquant sur le bouton "Enregistrer", regardez le résultat dans le navigateur.

Espace, tabulations et sauts de ligne

En gros, avec ces caractères d'espacement nous faisons immédiatement connaissance, car nous commençons à travailler avec le texte dans l'éditeur et le formatons dans la forme souhaitée. Pour mettre en œuvre une telle tâche, il existe des touches spéciales, dont chacune correspond à son propre caractère espace :

• Espace - la touche la plus large d'un clavier d'ordinateur (sans inscription);
• Tabulation - la clé à gauche avec l'inscription "Tab" et deux flèches pointant dans des directions différentes;
• Saut de ligne - Touche "Entrée".

Cependant, comme je l'ai dit plus haut, le résultat final souhaité, non seulement dans l'éditeur de texte, mais aussi dans le navigateur, n'est obtenu que lorsque nous utilisons la première touche. Les trois touches (y compris la tabulation et le saut de ligne sont utiles lors du formatage du code HTML. Par exemple, voici à quoi ressemble un extrait de code dans NotePad ++ (il existe de nombreuses informations sur cet éditeur) lorsque tous les caractères d'espacement sont affichés :

Nous obtenons un code facile à lire et à comprendre, grâce aux espaces. Les flèches orange marquent l'indentation créée à l'aide de la touche Tab et les caractères CR et LF marquent les sauts de ligne à l'aide de la touche Entrée kavisha.

Les conteneurs imbriqués les uns dans les autres sont visualisés, les balises d'ouverture et de fermeture sont bien distinguées. Sous cette forme, ce code peut être facilement modifié. Maintenant, comparez-le avec le même code, qui n'a pas une telle division de texte :

De la même manière, en utilisant des espaces blancs, vous pouvez écrire des règles CSS qui sembleront visuellement compréhensibles et digestes :

Après avoir réuni tous les styles à un dénominateur commun et terminé la modification complète du fichier de style, vous pouvez exposer en supprimant tous les espaces du code. Ceci est nécessaire pour la promotion, ce qui est très important lors de la promotion d'une ressource.

Caractères spéciaux (ou mnémoniques) dans le code HTML

Nous allons maintenant analyser dans quels cas il est nécessaire d'utiliser des caractères spéciaux, que j'ai mentionnés au début de l'article. Les caractères spéciaux HTML, parfois appelés mnémoniques, ont été introduits pour résoudre un problème de longue date avec les encodages dans le langage de balisage hypertexte.

Lorsque vous tapez sur le clavier, les caractères de la langue que vous utilisez sont codés. Dans le navigateur Web, le texte tapé sera affiché dans les polices de votre choix à la suite de l'opération de décodage inverse.

Le fait est qu'il existe de nombreux encodages de ce type, maintenant nous n'avons pas pour objectif de les analyser en détail. C'est juste que chacun d'eux peut manquer de certains symboles, qui doivent cependant être affichés. Par exemple, vous avez envie d'écrire des guillemets simples ou un accent, et ces icônes sont banales d'être absentes de l'ensemble.

Afin d'éliminer ce problème, un système de caractères spéciaux a été introduit, qui comprend un grand nombre de mnémoniques très différents. Ils commencent tous par une esperluette "&" et se terminent généralement par un point-virgule ";". Au début, chaque caractère spécial avait son propre code numérique. Par exemple, pour un espace insécable, que nous examinerons plus en détail ci-dessous, l'entrée suivante sera valide :

Mais après un certain temps, les symboles les plus courants ont reçu des équivalents alphabétiques (mnémotechniques) pour les rendre plus faciles à retenir. Disons que pour le même espace insécable, cela ressemble à ceci :

En conséquence, le navigateur affiche le symbole correspondant. La liste des mnémoniques est très volumineuse, les caractères spéciaux HTML les plus couramment utilisés vous pouvez trouver dans le tableau ci-dessous :

symbole	code	mnémotechnique	la description
			Espace non-cassant
			espace étroit (en-large dans la lettre n)
			grand espace (em-large dans la lettre m)
–	-	–	tiret étroit (en-dash)
-	—	—	tiret large (em - tiret)
­	-	­	transfert doux
une		́	stress, placé après la lettre "stressé"
©		©	droits d'auteur
®	®	®	marque déposée
™	™	™	marque déposée
º	º	º	lance de mars
ª	ª	ª	miroir de vénus
‰	‰	‰	ppm
π	π	π	pi (utilisez Times New Roman)
¦	¦	¦	ligne pointillée verticale
§	§	§	paragraphe
°	°	°	degré
µ	µ	µ	micro-signe
¶	¶	¶	marque de paragraphe
…	…	…	ellipse
‾	‾	‾	surligner
´	´	´	signe d'accent
№		№	signe de nombre
🔍		🔍	Loupe (inclinée vers la gauche)
🔎		🔎	Loupe (inclinée vers la droite)
signes d'opérations arithmétiques et mathématiques
×	×	×	multiplier
÷	÷	÷	diviser
<	<		plus petite
>	>	>	Suite
±	±	±	plus moins
¹	¹	¹	degré 1
²	²	²	degré 2
³	³	³	degré 3
¬	¬	¬	négation
¼	¼	¼	un quart
½	½	½	une moitié
¾	¾	¾	trois quarts
⁄	⁄	⁄	barre fractionnaire
−	−	−	moins
≤	≤	≤	inférieur ou égal à
≥	≥	≥	plus ou égal
≈	≈	≈	approximativement (presque) égal
≠	≠	≠	inégal
≡	≡	≡	à l'identique
√	√	√	racine carrée (radical)
∞	∞	∞	Infini
∑	∑	∑	signe de sommation
∏	∏	∏	marque de travail
∂	∂	∂	différentiel partiel
∫	∫	∫	intégral
∀	∀	∀	pour tous (visible uniquement si en gras)
∃	∃	∃	existe
∅	∅	∅	ensemble vide
Ø	Ø	Ø	diamètre
∈	∈	∈	fait parti
∉	∉	∉	n'appartient pas
∋	∋	∗	contient
⊂	⊂	⊂	est un sous-ensemble de
⊃	⊃	⊃	est un sur-ensemble
⊄	⊄	⊄	n'est pas un sous-ensemble de
⊆	⊆	⊆	est un sous-ensemble de ou égal à
⊇	⊇	⊇	est un surensemble ou égal à
⊕	⊕	⊕	plus dans un cercle
⊗	⊗	⊗	signe de multiplication dans un cercle
⊥	⊥	⊥	perpendiculaire
∠	∠	∠	injection
∧	∧	∧	ET logique
∨	∨	∨	OU logique
∩	∩	∩	traversée
∪	∪	∪	syndicat
signes de devise
€	€	€	euro
¢	¢	¢	Cent
£	£	£	Kg
¤	¤t;	¤	Signe de devise
¥	¥	¥	Yen et RMB signe
ƒ	ƒ	ƒ	signe Florin
Marqueurs
	.		marqueur simple
○		○	cercle
·	·	·	milieu
†		†	traverser
‡		‡	trahison
♠	♠	♠	pics
♣	♣	♣	clubs
			cœurs
♦	♦	♦	diamants
◊	◊	◊	rhombe
✏		✏	crayon
✎		✎	crayon
✐		✐	crayon
✍		✍	main
devis
"	"	"	double citation
&	&	&	esperluette
«	«	«	guillemet typographique gauche (guillemet à chevrons)
»	»	»	guillemet typographique droit (guillemet à chevrons)
‹		‹	guillemet à angle d'ouverture unique
›		›	guillemet à angle de fermeture unique
′	′	′	course (minutes, pieds)
″	″	″	double prime (secondes, pouces)
‘	‘	‘	guillemet simple en haut à gauche
’	’	’	guillemet simple en haut à droite
‚	‚	‚	guillemet simple en bas à droite
“	“	“	guillemet-pied gauche
”	”	”	guillemet-pied en haut à droite
„	„	„	guillemet-pied en bas à droite
❛		❛	guillemet ouvrant anglais unique
❜		❜	guillemet fermant anglais unique
❝		❝	ouverture entre guillemets anglais
❞		❞	guillemets anglais fermants
flèches
←	←	←	Flèche gauche
			flèche vers le haut
→	→	→	flèche droite
↓	↓	↓	flèche vers le bas
↔	↔	↔	flèche gauche et droite
↕		↕	flèche haut et bas
↵	↵	↵	retour chariot
⇐	⇐	⇐	double flèche gauche
⇑	⇑	⇑	double flèche vers le haut
⇒	⇒	⇒	double flèche droite
⇓	⇓	⇓	double flèche vers le bas
⇔	⇔	⇔	double flèche gauche et droite
⇕		⇕	double flèche haut et bas
▲		▲	flèche triangulaire vers le haut
▼		▼	flèche triangulaire vers le bas
			flèche droite triangulaire
◄		◄	flèche gauche triangulaire
étoiles, flocons de neige
☃		☃	bonhomme de neige
❄		❄	Flocon de neige
❅		❅	Flocon de neige piégé par des trèfles
❆		❆	Flocon de neige pointu audacieux
★		★	Étoile ombragée
☆		☆	Étoile non peinte
✪		✪	Une étoile ouverte dans un cercle rempli
✫		✫	Une étoile remplie avec un cercle ouvert à l'intérieur
✯		✯	Étoile filante
⚝		⚝	Étoile blanche tracée
⚪		⚪	Cercle ouvert du milieu
⚫		⚫	Cercle rempli moyen
⚹		⚹	Sextile (comme un flocon de neige)
✵		✵	Étoile tournante à huit branches
❉		❉	Étoile sphérique
❋		❋	Audacieuse étoile à huit branches en forme de larme
✺		✺	Astérisque à seize pointes
✹		✹	Étoile remplie à douze branches
✸		✸	Audacieuse étoile remplie rectiligne à huit branches
✶		✶	Étoile remplie à six branches
✷		✷	Étoile ombrée rectiligne à huit branches
✴		✴	Étoile remplie à huit branches
✳		✳	Étoile à huit branches
✲		✲	Un astérisque avec un centre ouvert
✱		✱	Étoile audacieuse
✧		✧	Étoile non peinte pointue à quatre branches
✦		✦	Étoile ombrée à quatre branches
⍟		⍟	Étoile dans un cercle
⊛		⊛	Flocon de neige en cercle
temps d'horloge
⏰		⏰	Regarder
⌚		⌚	Regarder
⌛		⌛	Sablier
⏳		⏳	Sablier

Cas d'utilisation de certains caractères spéciaux, y compris l'espace insécable et la césure douce

Si vous avez déjà un peu étudié le tableau, alors vous avez reçu la confirmation des mots que j'ai dit ci-dessus que pour afficher tous les caractères spéciaux, un code numérique () ou son analogue alphabétique (mnémonique symbolique) est utilisé, où les lettres () sont écrites à la place d'une combinaison d'un réseau et de nombres.

Voyons maintenant quand il est nécessaire d'appliquer ces codes. Disons que dans un article, vous devez spécifier une balise HTML à des fins d'information, par exemple,