Les entités HTML sont des codes utilisés pour afficher des caractères réservés ou spéciaux qui ne peuvent pas être directement tapés dans un document HTML. Par exemple, le caractère < (inférieur à) est utilisé pour ouvrir une balise HTML : pour l’afficher à l’écran, on utilise l’entité <.
Pourquoi les utiliser ?
Afficher des caractères réservés (<, >, &, ", ') sans qu’ils soient interprétés comme du code.
Insérer des symboles spéciaux (©, ™, €, flèches, etc.) ou des caractères absents du clavier.
Les principales entités
Espaces et ponctuation typographique
Caractère Entité nommée Entité numérique Description Espace insécable   Empêche la coupure de ligne entre deux mots. Espace fine     Espace plus étroit qu’un espace normal. Espace cadratin     Espace de la largeur d’un “M” (cadratin). Espace demi-cadratin     Moitié d’un cadratin. Guillemet français ouvrant « « « Guillemet français fermant » » » Guillemet anglais ouvrant “ “ “ Guillemet anglais fermant ” ” ” Apostrophe typographique ’ ’ ’ (à utiliser pour les apostrophes courbes). Tiret cadratin — — — (pour les dialogues ou plages). Tiret demi-cadratin – – – (pour les intervalles). Points de suspension … … …
Symboles courants
Caractère Entité nommée Entité numérique Description Copyright © © © Marque déposée ® ® ® Marque commerciale ™ ™ ™ Euro € € € Dollar $ $ $ Livre sterling £ £ £ Yen ¥ ¥ ¥ Paragraphe § § § Degré ° ° ° (pour les températures). Plus ou moins ± ± ± Multiplication × × × Division ÷ ÷ ÷
Caractères réservés en HTML
Caractère Entité nommée Entité numérique Description Inférieur à < < < Supérieur à > > > Esperluette & & & Guillemet double " " Apostrophe ' ' ‘
Symboles mathématiques
Caractère Entité nommée Entité numérique Description Somme ∑ ∑ ∑ Infini ∞ ∞ ∞ Racine carrée √ √ √ Intégrale ∫ ∫ ∫ Environ égal ≈ ≈ ≈ Différent de ≠ ≠ ≠ Inférieur ou égal ≤ ≤ ≤ Supérieur ou égal ≥ ≥ ≥
Flèches
Caractère Entité nommée Entité numérique Description Flèche gauche ← ← ← Flèche droite → → → Flèche haut ↑ ↑ ↑ Flèche bas ↓ ↓ ↓ Flèche double gauche ⇐ ⇐ ⇐ Flèche double droite ⇒ ⇒ ⇒
Autres symboles utiles
Caractère Entité nommée Entité numérique Description Cœur ♥ ♥ ♥ Étoile ☆ ★ ★ Étoile vide ★ ☆ ☆ Puce • • • Ligne horizontale — — — (peut servir de séparateur).
Lettres accentuées et caractères internationaux
Caractère Entité nommée Entité numérique Description À majuscule À À À É majuscule É É É È majuscule È È È Ç cédille Ç Ç Ç Ñ Ñ Ñ Ñ Ü Ü Ü Ü ß (eszett) ß ß ß
Bonne pratique
Privilégiez les entités nommées pour la lisibilité du code.
Utilisez les entités numériques pour des caractères moins courants ou non couverts par une entité nommée.
Exercice
Créez une page HTML affichant la phrase : "L'édition numérique" & l'accessibilité sont liées. (Utilisez les entités pour les guillemets et l’apostrophe.)
Affichez la liste suivante avec les symboles appropriés :
Copyright : ©
Marque déposée : ®
Euro : €