Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

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 &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

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&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Vous verrez plus de symboles HTML dans le prochain chapitre de ce didacticiel.