HTML Entités
Les caractères réservés en HTML doivent être remplacés par des entités de caractères.
HTML Entités
Certains caractères sont réservés en HTML.
Si vous utilisez des 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 personnage ressemble à ceci :
&entity_name;OR
&#entity_number;
Pour afficher un signe inférieur à (<) il faut écrire : < ou <
Avantage d'utiliser un nom d'entité : Un nom d'entité est facile à retenir.
Inconvénient de l'utilisation d'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 insécable
Une entité couramment utilisée en HTML est l'espace insécable :
Un espace insécable est un espace qui ne se divisera pas en une nouvelle ligne.
Deux mots séparés par un espace insécable resteront ensemble (et ne se diviseront pas en une nouvelle ligne). C'est pratique lorsque briser les mots peut être perturbateur.
Exemples :
- § 10
- 10 km/h
- 10 PM
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 des espaces réels à votre texte, vous pouvez utiliser l'entité caractère .
Astuce : Le trait d'union insécable (‑) permet de définir un trait d'union (‑) qui ne se sépare pas dans une nouvelle ligne.
Quelques entités de caractères HTML utiles
| Résultat | Description | Nom de l'entité | Numéro d'entité | Try it |
|---|---|---|---|---|
| non-breaking space | |   | Try it » | |
| < | less than | < | < | Try it » |
| > | greater than | > | > | Try it » |
| & | ampersand | & | & | Try it » |
| " | double quotation mark | " | " | Try it » |
| ' | single quotation mark (apostrophe) | ' | ' | Try it » |
| ¢ | cent | ¢ | ¢ | Try it » |
| £ | pound | £ | £ | Try it » |
| ¥ | yen | ¥ | ¥ | Try it » |
| € | euro | € | € | Try it » |
| © | copyright | © | © | Try it » |
| ® | registered trademark | ® | ® | Try it » |
Remarque : Les noms d'entités sont sensibles à la casse.
Combiner des signes diacritiques
Un signe diacritique est un "glyphe" ajouté à une lettre.
Certains signes diacritiques, comme le grave ( ̀) et l'aigu ( ́), sont appelés accents.
Les signes diacritiques peuvent apparaître 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 (codage) utilisé dans la page.
Voici quelques exemples :
| Marc | Personnage | Construire | Résultat | Try it |
|---|---|---|---|---|
| ̀ | a | à | à | Try it » |
| ́ | a | á | á | Try it » |
| ̂ | a | â | â | Try it » |
| ̃ | a | ã | ã | Try it » |
| ̀ | O | Ò | Ò | Try it » |
| ́ | O | Ó | Ó | Try it » |
| ̂ | O | Ô | Ô | Try it » |
| ̃ | O | Õ | Õ | Try it » |
Vous verrez plus de symboles HTML dans le prochain chapitre de ce didacticiel.
