Symboles

45 min Niveau 7

Comme pour les entités, il existe des codes spéciaux (très proches des entités) en HTML pour afficher des symboles qui ne sont pas présents sur un clavier d’ordinateur. L’avantage d’utiliser ces codes plutôt que de taper directement les symboles avec le clavier, est qu’ainsi, le développeur est assuré que ces symboles seront affichés par l’ensemble des navigateurs, peu importe leurs versions ou la langue paramétrée par l’utilisateur.

Les symboles en HTML

Il y a trois moyens d’afficher un symbole, en HTML :

  • Taper le nom d’entité du symbole : € affiche le symbole €
  • Taper le numéro d’entité du symbole : € pour le symbole €
  • Taper la valeur hexadécimale du symbole : € pour le symbole €

Remarque : Chaque méthode commence avec une esperluette (&) et finit avec un point-virgule. Oublier un de ces éléments ne permettra pas d’afficher le symbole correctement.

Les symboles mathématiques en HTML

Ci-dessous un tableau dressant une liste non-exhaustive des symboles disponibles en HTML :

Caractère Nombre Entité Description
∀ ∀ Pour tous
∂ ∂ Différentiel partiel
∃ ∃ Il exist
∅ ∅ Ensemble vide
∇ &nable; Nable
∈ ∈ Élément de
∉ ∉ Pas un élément de
∋ ∋ Contient en tant que membre
∏ ∏ Produit n-ary
∑ ∑ Résumé n-ary

Les lettres grecques en HTML

Le langage HTML met également à disposition des entités pour les lettres grecques, dont voici une liste non-exhaustive :

Caractère Nombre Entité Description
A Α Α Lettre majuscule grecque alpha
B Β Β Lettre majuscule grecque bêta
Γ Γ Γ Lettre majuscule grecque gamma
Δ Δ Δ Lettre majuscule grecque delta
Ε Ε Ε Lettre majuscule grecque epsilon
Ζ Ζ Ζ Lettre majuscule grecque zeta

Autres symboles courants en HTML

Il existe un myriade d’autres symboles disponibles en HTML. Ci-dessous la liste des symboles les plus utilisés lors de la construction d’un site web :

Caractère Nombre Entité Description
© © © Signe de copyright
® ® ® Signe de registered
€ € Signe euro
™ ™ Trademark
← ← Flèche vers la gauche
↑ ↑ Flèche vers le haut
→ → Flèche vers la droite
↓ ↓ Flèche vers le bas
logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus