Entités HTML

Il existe de nombreux symboles qui ne sont pas présents sur un clavier standard (symboles mathématiques, techniques, monétaires, etc.). Il existe aussi des symboles qui ne peuvent pas être utilisés parce qu’ils peuvent prêter à confusion. Par exemple, nous ne pouvons pas utiliser > car, en HTML, ce symbole est interprété comme un délimiteur de balise, et le navigateur ne l’affichera pas comme du texte.

En HTML, les entités affichent des caractères réservés, qui peuvent être confondus avec du code HTML ou des caractères invisibles, comme les espaces insécables. Elles représentent aussi des caractères difficiles ou impossibles à saisir au clavier.

Vous pouvez utiliser le nom d’une entité HTML pour ajouter de tels symboles à une page HTML. Si aucun nom d’entité n’existe, vous pouvez utiliser une référence numérique décimale ou hexadécimale. Un nom d’entité est facile à retenir. Mais ces noms peuvent ne pas être pris en charge par les navigateurs. En revanche, la prise en charge des nombres est bonne. Pour une compatibilité maximale entre tous les navigateurs et les systèmes hérités, les références numériques sont généralement préférées aux entités nommées.

Une entité HTML commence par une esperluette (&) et se termine par un point-virgule. Remarque : les noms d’entités ne sont pas sensibles à la casse en HTML5, bien que certains anciens navigateurs puissent les gérer de manière incohérente.

Par exemple :

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Entités de caractères couramment utilisées en HTML

Résultat	Description	Nom de l’entité	Numéro de l’entité
	espace insécable	 	 
<	inférieur à	&lt;	&#60;
>	supérieur à	&gt;	&#62;
&	esperluette	&amp;	&#38;
¢	centime	&cent;	&#162;
£	livre	&pound;	&#163;
¥	yen	&yen;	&#165;
€	euro	&euro;	&#8364;
§	section	&sect;	&#167;
©	copyright	&copy;	&#169;
®	marque déposée	&reg;	&#174;
™	marque commerciale	&trade;	&#8482;

Symboles mathématiques pris en charge par HTML

Character	Entity Number	Entity Name	Description
∀	∀	∀	pour tout
∂	∂	∂	partie
∃	∃	∃	existe
∅	∅	∅	vide
∇	∇	∇	nabla
∈	∈	∈	appartient à
∉	∉	∉	n’appartient pas à
∋	∋	∋	contient
∏	∏	∏	produit
∑	∑	∑	somme
−	−	−	moins
∗	∗	∗	astérisque
√	√	√	racine carrée
∝	∝	∝	proportionnel à
∞	∞	∞	infini
∠	∠	∠	angle
∧	∧	∧	et
∨	∨	∨	ou
∩	∩	∩	intersection
∪	∪	∪	union
∫	∫	∫	intégrale
∴	∴	∴	donc
∼	∼	∼	similaire à
≅	≅	≅	congruent à
≈	≈	≈	presque égal
≠	≠	≠	différent de
≡	≡	≡	équivalent
≤	≤	≤	inférieur ou égal
≥	≥	≥	supérieur ou égal
⊂	⊂	⊂	sous-ensemble de
⊃	⊃	⊃	sur-ensemble de
⊄	⊄	⊄	n’est pas un sous-ensemble de
⊆	⊆	⊆	sous-ensemble ou égal
⊇	⊇	⊇	sur-ensemble ou égal
⊕	⊕	⊕	plus cerclé
⊗	⊗	⊗	fois cerclé
⊥	⊥	⊥	perpendiculaire
⋅	⋅	⋅	opérateur point

Lettres grecques prises en charge par HTML

Character	Entity Number	Entity Name	Description
Α	Α	Α	Alpha
Β	Β	Β	Beta
Γ	Γ	Γ	Gamma
Δ	Δ	Δ	Delta
Ε	Ε	Ε	Epsilon
Ζ	Ζ	Ζ	Zeta
Η	Η	Η	Eta
Θ	Θ	Θ	Theta
Ι	Ι	Ι	Iota
Κ	Κ	Κ	Kappa
Λ	Λ	Λ	Lambda
Μ	Μ	Μ	Mu
Ν	Ν	Ν	Nu
Ξ	Ξ	Ξ	Xi
Ο	Ο	Ο	Omicron
Π	Π	Π	Pi
Ρ	Ρ	Ρ	Rho
Σ	Σ	Σ	Sigma
Τ	Τ	Τ	Tau
Υ	Υ	Υ	Upsilon
Φ	Φ	Φ	Phi
Χ	Χ	Χ	Chi
Ψ	Ψ	Ψ	Psi
Ω	Ω	Ω	Omega
α	α	α	alpha
β	β	β	beta
γ	γ	γ	gamma
δ	δ	δ	delta
ε	ε	ε	epsilon
ζ	ζ	ζ	zeta
η	η	η	eta
θ	θ	θ	theta
ι	ι	ι	iota
κ	κ	κ	kappa
λ	λ	λ	lambda
μ	μ	μ	mu
ν	ν	ν	nu
ξ	ξ	ξ	xi
ο	ο	ο	omicron
π	π	π	pi
ρ	ρ	ρ	rho
ς	ς	ς	sigmaf
σ	σ	σ	sigma
τ	τ	τ	tau
υ	υ	υ	upsilon
φ	φ	φ	phi
χ	χ	χ	chi
ψ	ψ	ψ	psi
ω	ω	ω	omega
ϑ	ϑ	ϑ	symbole thêta
Υ	ϒ	ϒ	symbole upsilon
ϖ	ϖ	ϖ	symbole pi

Autres entités prises en charge par HTML

Character	Entity Number	Entity Name	Description
Œ	Œ	Œ	ligature OE majuscule
œ	œ	œ	ligature oe minuscule
Š	Š	Š	S majuscule avec caron
š	š	š	s minuscule avec caron
Ÿ	Ÿ	Ÿ	Y majuscule avec tréma
ƒ	ƒ	ƒ	f avec crochet
ˆ	ˆ	ˆ	accent circonflexe modificateur
˜	˜	˜	petit tilde
	 	 	espace en
	 	 	espace em
	 	 	espace fine
‌	‌	‌	non-jonctif à largeur nulle
‍	‍	‍	jonctif à largeur nulle
‎	‎	‎	marque de gauche à droite
‏	‏	‏	marque de droite à gauche
–	–	–	tiret demi-cadratin
—	—	—	tiret cadratin
‘	‘	‘	guillemet simple ouvrant
’	’	’	guillemet simple fermant
‚	‚	‚	guillemet simple bas
“	“	“	guillemet double ouvrant
”	”	”	guillemet double fermant
„	„	„	guillemet double bas
†	†	†	dague
‡	‡	‡	double dague
•	•	•	puce
…	…	…	points de suspension horizontaux
‰	‰	‰	pour mille
′	′	′	minutes
″	″	″	secondes
‹	‹	‹	guillemet angulaire simple ouvrant
›	›	›	guillemet angulaire simple fermant
‾	‾	‾	surlignement
€	€	€	euro
™	™	™	marque commerciale
←	←	←	flèche vers la gauche
↑	↑	↑	flèche vers le haut
→	→	→	flèche vers la droite
↓	↓	↓	flèche vers le bas
↔	↔	↔	flèche gauche-droite
↵	↵	↵	flèche de retour chariot
⌈	⌈	⌈	plafond gauche
⌉	⌉	⌉	plafond droit
⌊	⌊	⌊	plancher gauche
⌋	⌋	⌋	plancher droit
◊	◊	◊	losange
♠	♠	♠	pique
♣	♣	♣	trèfle
♥	♥	♥	cœur
♦	♦	♦	carreau

Espace insécable

L’espace insécable ( ) est l’une des entités de caractères les plus courantes utilisées en HTML. C’est un espace qui ne se coupe pas en fin de ligne. Cela signifie que deux mots séparés par un espace insécable resteront ensemble. De plus, l’espace insécable empêche les navigateurs de tronquer les espaces dans les pages HTML.

Signes diacritiques

Quand nous parlons d’un signe diacritique, nous faisons référence à un « glyphe » ajouté à une lettre. Certains de ces signes, comme l’accent grave (̀) et l’accent aigu (́), sont appelés accents. Les signes diacritiques peuvent apparaître au-dessus et au-dessous d’une lettre, entre deux lettres ou à l’intérieur d’une lettre.

Voici une liste contenant quelques signes diacritiques :

Mark	Character	Construct	Result
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

Practice

Which of the following HTML entities can be used to define special characters that are reserved in HTML?

&amp&copy&#169&123copy&