« Le langage HTML/Entités » : différence entre les versions

Contenu supprimé Contenu ajouté
+
+ correction orthographe/grammaire
Ligne 10 :
 
Ainsi il est possible d'écrire le signe euro (€) de deux manières :
* <code>&amp;#8364;</code> qui en est l'entité numérique décimale (index dans la table des caractères Unicode) ;
* <code>&amp;euro;</code> qui en est l'entité caractère.
On peut aussi taper l'entité numérique en hexadécimal, en mettant un « x » entre le croisillon et le nombre. Par exemple, <code>&amp;#196;</code> est la même chose que <code>&amp;#xC4;</code>, c'est-à-dire « Ä ».
Ligne 33 :
-->
|-
! colspan="4" | Lettres spéciales (diacririquéesdiacritiques, ligaturées, non romaines)
|-
| É || <code>&amp;Eacute;</code> || <code>&amp;#201;</code> || E (accent) aigu ''(acute)''
Ligne 41 :
| Â || <code>&amp;Acirc;</code> || <code>&amp;#194;</code> || A (accent) ''circ''onflexe
|-
| Ã || <code>&amp;Atilde;</code> || <code>&amp;#195;</code> || A tildétilde
|-
| Ä || <code>&amp;Auml;</code> || <code>&amp;#196;</code> || A ''umlaut'' (inflexion allemande, marquée par un tréma)
Ligne 78 :
| ''espace fine''<ref>en typographie, le mot « espace » est féminin</ref> || <code>&amp;thinsp;</code> || <code>&amp;#8201;</code> || ''thin space''
|-
| « || <code>&amp;laquo;</code> || <code>&amp;#171;</code> || ''left angle quote'' (guillemet anguléangulaire gauche, ouvrant)
|-
| » || <code>&amp;raquo;</code> || <code>&amp;#187;</code> || ''right angle quote'' (guillemet anguléangulaire droit, fermant)
|-
| • || <code>&amp;bull;</code> || <code>&amp;#8226;</code> ||''bullet'' (puce)
Ligne 176 :
Imaginez que vous vouliez afficher du code HTML sur votre page. Vous voulez par exemple afficher le texte « &lt;em> ». Seulement voilà, le navigateur va croire que c'est une balise, et ne rien afficher mais mettre le texte en italique. La solution est de de ne pas utiliser les caractères <code>&lt;</code> et <code>&gt;</code> mais les entités correspondantes : respectivement <code>&amp;lt;</code> (de l'anglais ''less than'', « inférieur à ») et <code>&amp;gt;</code> (de l'anglais ''greater than'', « plus grand que »). C'est donc <code>&amp;lt;em&amp;gt;</code> qu'il faut taper.
 
À noter que pour afficher « C'est par là ->&gt; », même si le navigateur va en général faire ce qu'on a envie qu'il fasse à savoir afficher le symbole « >&gt; » (ou « <&lt; » lale cas échéant) tel quel, il est de bon ton de remplacer quand même « >&gt; » et « <&lt; » par leurs entités, sous peine de se faire remonter les bretelles par le validateur.
 
De la même façon, si vous voulez afficher le texte « &amp;euro; », eh bien il faudra ruser pour que le navigateur ne croie pas qu'on veut afficher le caractère €. On remplacera donc le caractère « & » par l'entité correspondante : <code>&amp;amp;</code>.<br />
Et pour afficher le texte "&amp;amp;" on fait comment ? Je sens que vous avez deviné : <code>&amp;amp;amp;</code>.
 
Comme pour <&lt; et >&gt;, si vous voulez afficher le texte « &amp;salut; » (qui n'existe pas comme entité hein, on a juste envie de mettre une pesperluetteesperluette et un point virgule où ça nous chante), « Hey, &amp;salut ça va ? », ou « Machin &amp; Compagnie », il est recommandé de remplacer « &amp; » par <code>&amp;amp;</code>.
 
Notez que les deux ''ruses de sioux'' exposées précédemment sont utilisées sur cette page, vous n'avez qu'à regarder le code source !
 
Il y a aussi d'autres utilisations des entités. Par exemple elle vous permettent d'utiliser des caractères qu'autrementque vous ne savezpouvez pas taper au clavier. Par exemple, je ne sais pas, tout le monde ne sait pas taper ∉ (le signe mathématique pour dire « n'appartient pas à ») alors qu'avec un petit <code>&amp;notin; </code>, le tour est joué.
 
== Notes ==