HTML
Entités de caractère
Recherche…
Caractères spéciaux communs
Certains caractères peuvent être réservés pour HTML et ne peuvent pas être utilisés directement car ils peuvent obstruer les codes HTML réels. Par exemple, si vous essayez d’afficher les crochets d’angle gauche et droit ( <> ) dans le code source, cela peut entraîner des résultats inattendus dans la sortie. De même, les espaces vides tels qu'ils sont écrits dans le code source peuvent ne pas s'afficher comme prévu dans la sortie HTML. Certains, comme ☎, ne sont pas disponibles dans le jeu de caractères ASCII.
A cette fin, des entités de caractères sont créées. Ce sont de la forme &entity_name; ou &entity_number; . Voici quelques-unes des entités HTML disponibles.
| Personnage | La description | Nom de l'entité | Numéro d'entité |
|---|---|---|---|
| “” | Espace non-cassant | |   |
| “<” | moins que | < | < |
| “>” | plus grand que | > | > |
| “&” | esperluette | & | & |
| “-” | em dash | — | — |
| “-” | en course | – | – |
| “©” | droits d'auteur | © | © |
| “®” | marque déposée | ® | ® |
| “™” | marque déposée | ™ | ™ |
| “☎” | téléphone | ☎ | ☎ |
Ainsi, écrire
© 2016 Stack Exchange Inc.
le code HTML suivant est utilisé:
<b>© 2016 Stack Exchange Inc.</b>
Entités de caractère en HTML
De nombreux symboles et caractères spéciaux sont requis lors du développement d'une page Web en HTML, mais comme nous le savons, l'utilisation directe de caractères peut parfois interférer avec le code HTML réel qui contient certains caractères et certains caractères non disponibles au clavier. Ainsi, pour éviter le conflit et pouvoir utiliser simultanément des symboles différents dans notre code, w3 org nous fournit des «Entités de caractère».
Les entités de caractères sont prédéfinies avec 'Nom d'entité' - & entity_name; et 'Numéro d'entité' - & entity_number; Nous devons donc utiliser l'un des deux pour que le symbole requis soit affiché sur notre page.
La liste de quelques entités de caractère peut être trouvée à https://dev.w3.org/html5/html-author/charref
Un exemple simple avec l'utilisation de l'entité de caractère pour «loupe»:
<input type="text" placeholder=" 🔍 Search"/>
qui rend comme
