Entités HTML
Les caractères réservés en HTML doivent être remplacés par des entités de caractères.
Entités HTML
Certains caractères sont réservés en HTML.
Si vous utilisez les signes inférieur à (<) ou supérieur à (>) dans votre texte, le navigateur peut les mélanger avec des balises.
Les entités de caractères sont utilisées pour afficher les caractères réservés en HTML.
Une entité de caractère ressemble à ceci :
&entity_name;
OR
&#entity_number;
Pour afficher un signe moins que (<) il faut écrire : < ou <
Avantage d'utiliser un nom d'entité : un nom d'entité est facile à retenir.
Inconvénient d'utiliser un nom d'entité : les navigateurs peuvent ne pas prendre en charge tous les noms d'entité, mais la prise en charge des numéros d'entité est bonne.
Espace non-cassant
Une entité couramment utilisée en HTML est l'espace insécable :
Un espace insécable est un espace qui ne sera pas interrompu dans une nouvelle ligne.
Deux mots séparés par un espace insécable resteront ensemble (ne se diviseront pas en une nouvelle ligne). Ceci est pratique lorsque casser les mots peut être perturbateur.
Exemples:
- § dix
- 10km/h
- 22h
Une autre utilisation courante de l'espace insécable consiste à empêcher les navigateurs de tronquer les espaces dans les pages HTML.
Si vous écrivez 10 espaces dans votre texte, le navigateur en supprimera 9. Pour ajouter de vrais espaces à votre texte, vous pouvez utiliser le entité de caractère.
Astuce : Le trait d'union insécable ( ‑ ) est utilisé pour définir un trait d'union (‑) qui ne se divise pas en une nouvelle ligne.
Quelques entités de caractères HTML utiles
Result | Description | Entity Name | Entity Number | Try it |
---|---|---|---|---|
non-breaking space | |   | ||
< | less than | < | < | |
> | greater than | > | > | |
& | ampersand | & | & | |
" | double quotation mark | " | " | |
' | single quotation mark (apostrophe) | ' | ' | |
¢ | cent | ¢ | ¢ | |
£ | pound | £ | £ | |
¥ | yen | ¥ | ¥ | |
€ | euro | € | € | |
© | copyright | © | © | |
® | registered trademark | ® | ® |
Remarque : Les noms d'entité sont sensibles à la casse.
Combinaison de signes diacritiques
Un signe diacritique est un "glyphe" ajouté à une lettre.
Certains signes diacritiques, comme grave ( ̀) et aigu ( ́) sont appelés accents.
Les signes diacritiques peuvent apparaître à la fois au-dessus et au-dessous d'une lettre, à l'intérieur d'une lettre et entre deux lettres.
Les signes diacritiques peuvent être utilisés en combinaison avec des caractères alphanumériques pour produire un caractère qui n'est pas présent dans le jeu de caractères (encodage) utilisé dans la page.
Voici quelques exemples:
Mark | Character | Construct | Result | Try it |
---|---|---|---|---|
̀ | a | à | à | |
́ | a | á | á | |
̂ | a | â | â | |
̃ | a | ã | ã | |
̀ | O | Ò | Ò | |
́ | O | Ó | Ó | |
̂ | O | Ô | Ô | |
̃ | O | Õ | Õ |
Vous verrez plus de symboles HTML dans le prochain chapitre de ce didacticiel.