Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

Tutoriel : les entités CSS et HTML

Définition.

Certains caractères sont problématiques car ils entrent en conflit avec la syntaxe du HTML ou du CSS. C'est le cas typique du signe inférieur ( < ). Dans ces cas très particuliers, vous devez utiliser une entité, c'est à dire un code qui sera affiché par le navigateur comme le caractère souhaité.

Les codes des entités commencent toujours par le caractère ET commercial (&) et se terminent par un point-virgule. Entre les deux on peut spécifier soit le nom de l'entité lorsqu'il existe, soit le code du caractère. Les trois syntaxe suivantes sont valides :

  • Le nom de l'entité : &lt; pour afficher <.
  • Le code décimal du caractère : &#65; pour afficher A.
  • Le code hexadécimal du caractère : &#x41; pour afficher A.

Entités indispensables.

Ces entités sont à connaitre, soit parce que le caractère qu'elles représentent entre en conflit avec la syntaxe HTML ou CSS, et que donc on ne peut pas l'utiliser directement, soit parce que le caractère ne figure pas sur les claviers.

  • < et > qui sont les caractères utilisés dans la syntaxe HTML pour identifier les balises.
  • & (ampersand en anglais) le caractère utilisé pour introduire une entité. Il est lui même interdit.
  • Le tiret de césure. Ce caractère marque l'endroit où un mot peut être coupé à la fin d'une ligne. Il est invisible si le mot n'est pas coupé. Faites varier la largeur de la fenêtre de votre navi­ga­teur et ob­ser­vez le fonc­tion­ne­ment des ti­rets de cé­sure inclus dans cette phrase.
  • Le blanc insécable. Ce caractère qui s'affiche comme un espace ne permet pourtant pas le retour à la ligne à cet endroit. Faites varier la largeur de la fenêtre de votre navigateur et observez que le nombre 1 000 000 € n'est jamais coupé par un retour à la ligne et n'est jamais séparé de son unité.
  • Enfin, les espaces élargis ou rétrécis peuvent aussi être utiles :
        &ensp; est un espace élargi.
        &emsp; est un espace très élargi.
        &thinsp; est un espace réduit.
<
&lt;
>
&gt;
&
&amp;
-
&shy;
 
&nbsp;

&ensp;

&emsp;

&thinsp;

Accents et lettres diacritiques.

Les entités des accents peuvent être utilisées seules, mais c'est rare. On les utilise plutôt en complément d'une lettre.
Par exemple &circ; est l'accent circonflexe ; en écrivant &ocirc; on obtient un ô. Pour le Ô en majuscule, il suffit d'écrire &Ocirc;.

Remarque : la cédille et la barre en dessous ont un fonctionnement comparable à celui des accents.

´
&acute;
`
&grave;
ˆ
&circ;
ˇ
&caron;
ˇ
&Hacek;
˘
&breve;
˙
&dot;
˚
&ring;
˛
&ogon;
˜
&tilde;
˝
&dblac;
̑
&DownBreve;
_
&UnderBar;

Lettres ligaturées.

Certaines paires de lettres peuvent être remplacées par un seul caractère, plus lisible ou plus esthétique.

œ
&oelig;
Œ
&OElig;
æ
&aelig;
Æ
&AElig;

&fflig;

&filig;

&ffilig;

&ffllig;

&fllig;

&ffilig;

&ffllig;
ij
&ijlig;
IJ
&IJlig;
ß
&szlig;

En voir
plus

 

Symboles monétaires.


&euro;
$
&dollar;
¥
&yen;
¢
&cent;
¤
&curren;
£
&pound;

Quelques symboles d'usage courant.

±
&plusmn;
µ
&micro;
©
&copy;
®
&reg;

&trade;
«
&laquo;
»
&raquo;

&lsquo;

&rsquo;

&ldquo;

&rdquo;

&prime;

&Prime;

&tprime;

&numero;
ª
&ordf;
º
&ordm;
¹
&sup1;
²
&sup2;
³
&sup3;
½
&frac12;

&frac13;
¼
&frac14;

&frac15;

&frac16;

&frac18;

&frac23;

&frac25;
¾
&frac34;

&frac35;

&frac38;

&frac45;

&frac56;

&frac58;

&frac78;

&permil;

&pertenk;

&bullet;
·
&middot;

&squarf;

&rtrif;

&star;

&Star;

&spades;

&clubs;

&hearts;

&diams;

&phone;

&female;

&male;

&sung;

&flat;

&sharp;

&natural;

En voir
plus

Alphabet grec.

Les lettres grecques ont toutes une entité qui leur correspond.

α
&alpha;
β
&beta;
γ
&gamma;
δ
&delta;
ε
&epsilon;
ζ
&zeta;
η
&eta;
θ
&theta;
ι
&iota;
κ
&kappa;
λ
&lambda;
μ
&mu;
ν
&nu;
ξ
&xi;
ο
&omicron;
π
&pi;
ρ
&rho;
ς
&sigmaf;
σ
&sigma;
τ
&tau;
υ
&upsilon;
φ
&phi;
χ
&chi;
ψ
&psi;
ω
&omega;
ϑ
&thetasym;
ϒ
&upsih;
ϖ
&piv;
Α
&Alpha;
Β
&Beta;
Γ
&Gamma;
Δ
&Delta;
Ε
&Epsilon;
Ζ
&Zeta;
Η
&Eta;
Θ
&Theta;
Ι
&Iota;
Κ
&Kappa;
Λ
&Lambda;
Μ
&Mu;
Ν
&Nu;
Ξ
&Xi;
Ο
&Omicron;
Π
&Pi;
Ρ
&Rho;
Σ
&Sigma;
Τ
&Tau;
Υ
&Upsilon;
Φ
&Phi;
Χ
&Chi;
Ψ
&Psi;
Ω
&Omega;

Voir tout
l'alphabet

Symboles mathématiques.


&sum;

&radic;

&infin;

&sim;

&asymp;

&ne;

&le;

&ge;

&int;

&int;

&int;

&conint;

&Conint;

&Cconint;

&cong;

&equiv;

Plus de
maths

Flèches.

Il y a vraiment beaucoup de flèches, de toutes sortes. En voici quelques unes.


&uarr;

&rarr;

&darr;

&larr;

&harr;

&varr;

&crarr;

&uArr;

&rArr;

&dArr;

&lArr;

&hArr;

&vArr;

&lbarr;

&rbarr;

&lBarr;

&rBarr;

&rarrfs;

&larrfs;

Plus de
flèches

Toutes les entités.

Pour une liste complète de toutes les entités normalisées, reportez-vous au site du W3C .