Les entités HTML prédéfinies

Une entités est un élément syntaxique introduit par le caractère & et se terminant par le caractère ;. Les caractères associés à ces entitiés sont souvent difficilement accessible par le clavier, d'ou l'existance de ces dernières. Pour un même caractère il existe deux formes d'entités utilisable : soit à partir d'un nom logique, soit à partir de son code unicode décimal. Par exemple, vous pouvez placer un caractère ? (PI) dans votre page, soit en utilisant π ou &#pi;. Pour information, notez qu'il est aussi possible d'utiliser le code numérique du caractère souhaité, exprimé en héxadécimal : dans le cas, utilisez la forme suivante π (3c0 en hexadécimal étant équivalent à la valeur décimale 960).

Attention : l'utilisation de caractères étendus est conditionnée au fait que la police de caractères utilisée sache déssiner les caractères considérés. Si ce n'est pas le cas, un ? risque d'être affiché en lieu et place des caractères souhaités.

Liste des principales entités HTML

Voici donc quelques listes d'entités pouvant être utiles à la rédaction de vos pages HTML.

Entités relatives à la syntaxe HTML

Entités HTML prédéfinies Commentaire Unicode (décimal) Caractère équivalent
& ampersand & &
' apostrophe - surtout utile dans les valeurs d'attributs ' '
> greater than > >
&lt; lesser than &#60; <
&nbsp; non breaking space - utile pour forcer des espaces insécables (qui ne peuvent être supprimés) &#160;  
&quot; quote - surtout utile dans les valeurs d'attributs &#34; "

Entités relatives aux caractères accentués et autres signes diacritiques

Ces entités seront utiles si vous n'utilisez pas un clavier proposant les caractères accentués français (par exemple) classiques.

Entités HTML prédéfinies Commentaire Unicode (décimal) Caractère équivalent
&OElig; O-E ligaturés &#140; Œ
&oelig; o-e ligaturés &#156; œ
&Agrave; A avec accent grave &#192; À
&Acute; A avec accent aigu &#193; Á
&Acirc; A avec accent circonflexe &#194; Â
&Atild; A tilde &#195; Ã
&Auml; A avec tréma &#196; Ä
&Aring; A angstrom &#197; Å
&AElig; A-E ligaturés &#198; Æ
&Ccedil; C avec une cédille &#199; Ç
&Egrave; E avec accent grave &#200; È
&Eacute; E avec accent aigu &#201; É
&Ecirc; E avec accent circonflexe &#202; Ê
&Euml; E avec tréma &#203; Ë
&Igrave; I avec accent grave &#204; Ì
&Iacute; I avec accent aigu &#205; Í
&Icirc; I avec accent circonflexe &#206; Î
&Iuml; I avec tréma &#207; Ï
&Ntild; N tilde &#209; Ñ
&Ograve; O avec accent grave &#210; Ò
&Ocute; O avec accent aigu &#211; Ó
&Ocirc; O avec accent circonflexe &#212; Ô
&Otild; O tilde &#213; Õ
&Ouml; O avec tréma &#214; Ö
&Oslash; O barré &#216; Ø
&Ugrave; U avec accent grave &#217; Ù
&Ucute; U avec accent aigu &#218; Ú
&Ucirc; U avec accent circonflexe &#219; Û
&Uuml; U avec tréma &#220; Ü
&Ycute; Y avec accent aigu &#221; Ý
&Yuml; Y avec tréma &#159; Ÿ
&agrave; a avec accent grave &#224; à
&acute; a avec accent aigu &#225; á
&acirc; a avec accent circonflexe &#226; â
&atild; a tilde &#227; ã
&auml; a avec tréma &#228; ä
&aring; a angstrom &#229; å
&aelig; a-e ligaturés &#230; æ
&ccedil; c avec une cédille &#231; ç
&egrave; e avec accent grave &#232; è
&eacute; e avec accent aigu &#233; é
&ecirc; e avec accent circonflexe &#234; ê
&euml; e avec tréma &#235; ë
&igrave; i avec accent grave &#236; ì
&iacute; i avec accent aigu &#237; í
&icirc; i avec accent circonflexe &#238; î
&iuml; i avec tréma &#239; ï
&ograve; o avec accent grave &#242; ò
&oacute; o avec accent aigu &#243; ó
&ocirc; o avec accent circonflexe &#244; ô
&otild; o tilde &#245; õ
&ouml; o avec tréma &#246; ö
&oslash; o barré &#248; ø
&uacute; u avec accent aigu &#250; ú
&ucirc; u avec accent circonflexe &#251; û
&uuml; u avec tréma &#252; ü
&yacute; y avec accent aigu &#253; ý
&yuml; y avec tréma &#255; ÿ

Entités relatives aux paires de caractères

Entités HTML prédéfinies Commentaire Unicode (décimal) Caractère équivalent
&lsquo; Simple quote ouvrante &#145;
&rsquo; Simple quote fermante &#146;
&ldquo; Double quote ouvrante &#147;
&rdquo; Double quote fermante &#148;
&laquo; Guillemet français ouvrant &#171; «
&raquo; Guillemet français fermant &#187; »
&lsaquo; Guillemet français simple ouvrant &#8249; ?
&rsaquo; Guillemet français simple fermant &#8250; ?

Quelques autres entités HTML prédéfinies

Entités HTML prédéfinies Commentaire Unicode (décimal) Caractère équivalent
&iexcl; Point d'exclamation inversé &#161; ¡
&iquest; Point d'interrogation inversé &#191; ¿
&copy; Copyright &#169; ©
&reg; Registered &#174; ®
&trade; Trade Mark &#8482; ?
&frac14; Fraction 1/4 &#188; ¼
&frac12; Fraction 1/2 &#189; ½
&frac34; Fraction 3/4 &#190; ¾
&euro; Sigle monétaire ? &#8364; ?
&pi; Sigle mathématique PI &#373; ?

Exemple de code

L'exemple suivant vous montre un petit exemple d'utilisation d'entités prédéfinies.

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
 10 
 11 
 12 
 13 
 14 
 15 
 16 
 17 
 18 
 19 
 20 
 21 
 22 
 23 
 24 
 25 
 26 
<!DOCTYPE html>
<html>
    <head>
        <title>A little HTML page with some entities</title>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="aStyleSheet.css" />
    </head>
    <body>
        <header>
            <h1>A little HTML page with some entities</h1>
        </header>
        
        <p>
           European price : 31 &euro;.
           French quote : &laquo; Accolades fran&ccedil;aises &raquo;
        </p>
    
        <footer>
            <hr/>
            <p>
                This is the page footer.
            </p>
        </footer>
        
    </body>
</html>
Exemple d'utilisation d'entités HTML