vosinformations.com

Emploi des principaux caractères spéciaux en html

Caractères généraux en html

jeudi 31 janvier 2008

En html, certains caractères ont une incidence sur le formatage de la page :
Les caractères < et > sont employés pour ouvrir et fermer les balises.

Dans le texte,
- < sera remplacé par et &#8249 ;
- > par &#8249 ;

Depuis HTML 4.0 chaque signe de la palette de signes que constitue la norme ISO 10646 (qui reprend les mêmes caractères que le standard Unicode) peut être noté.
Les signes voulus peuvent être créés par une notation numérique spéciale suivant ce schéma :

Exemples d’une notation en HTML : &#945 ; / &#x3B1 ;

Notez le x pour mentionner le nombre en hexadécimal.
Pour les mentions décimales omettez le x.

Outre la notation numérique Unicode en HTML des signes spéciaux employés fréquemment existent, c’est ce qu’on appelle des signes nommés, (named entities).
Tous les signes nommés sont notés d’après le schéma suivant :

Exemple de notation en HTML : &alpha;

Caractères généraux en html

signe nom html unicode commentaire compatibilité
&nbsp; &#160 ; espace insécable NS1
-­ &shy; &#173 ; tiret de césure optionnelle (permet au navigateur de couper le mot au bon endroit si besoin de passer à la ligne)
 ? &lrm; &#8206 ; marque gauche-à-droite
&lrm; &#8206 ; marque gauche-à-droite
&rlm; &#8207 ; marque droite-à-gauche
" &quot; &#34 ; guillemet anglais, guillemet droit (quote) XML, NS1
«  &laquo; &#171 ; guillemet français ouvrant NS3
 » &raquo; &#187 ; guillemet français fermant NS3
&lsaquo; &#8249 ; guillemet français simple ouvrant
&rsaquo; &#8250 ; guillemet français simple fermant
&ldquo; &#8220 ; guillemet double ouvrant, guillemet-apostrophe double culbuté
&rdquo; &#8221 ; guillemet double fermant, guillemet-apostrophe double
&bdquo; &#8222 ; guillemet double fermant bas, guillemet-virgule double inférieur
&apos; &#39 ; guillemet simple droit XML
&lsquo; &#8216 ; guillemet simple ouvrant, guillemet-apostrophe culbuté
&rsquo; &#8217 ; guillemet simple fermant, guillemet-apostrophe
&sbquo; &#8218 ; guillemet simple fermant bas, guillemet-virgule inférieur
&hellip; &#8230 ; points de suspension
 ! !        &#33; point d’exclamation
¡ &iexcl; &#161 ; point d’exclamation inversé NS3
 ? ? &#63 ; point d’interrogation
¿ &iquest; &#191 ; point d’interrogation inversé NS3
( ( &#40 ; parenthèse ouvrante
) ) &#41 ; parenthèse fermante
[ [ &#91 ; crochet ouvrant
] ] &#93 ; crochet fermant
{ { &#123 ; accolade ouvrante
} } &#125 ; accolade fermante
¨ &uml; &#168 ; tréma NS3
´ &acute; &#180 ; accent aigu NS3
` ` &#96 ; accent grave
^ ^ &#94 ; accent circonflexe
ˆ &circ; &#710 ; accent circonflexe
~ ~ &#126 ; tilde
˜ &tilde; &#732 ; petit tilde
¸ &cedil; &#184 ; cédille NS3
# # &#35 ; dièse
* * &#42 ; étoile
, , &#44 ; virgule
. . &#46 ; point
 : : &#58 ; deux-points
 ; ; &#59 ; point-virgule
· &middot; &#183 ; point médian NS3
&bull; &#8226 ; gros point médian
¯ &macr; &#175 ; macron NS3
&oline; &#8254 ; tiret en chef (overline, spacing overscore) pas IE5, pas Amaya8
- - &#45 ; tiret, tiret quart-cadratin, tiret de mots composés
&ndash; &#8211 ; tiret demi-cadratin, tiret d’incise
&mdash; &#8212 ; tiret cadratin, tiret de dialogue
_ _ &#95 ; tiret bas (underscore)
| | &#124 ; séparateur vertical (pipe)
¦ &brvbar; &#166 ; barre verticale scindée NS3
&zwnj; &#8204 ; antiliant sans chasse
&zwj; &#8205 ; liant sans chasse
&dagger; &#8224 ; obèle pas Amaya8
&Dagger; &#8225 ; double obèle pas Amaya8
§ &sect; &#167 ; section NS3
§ &para; &#182 ; paragraphe NS3
© &copy; &#169 ; copyright NS1
® &reg; &#174 ; marque déposée NS1
&trade; &#8482 ; marque commerciale (trade mark)
& & &#38 ; et commercial, esperluette, ampersand XML, NS1
@ @ &#64 ; arobase (chez)
/ / &#47 ; diviser (slash)
\ \ &#92 ; anti-slash
&loz; &#9674 ; losange pas IE5
&spades; &#9824 ; pique noir pas IE5
&clubs; &#9827 ; trèfle noir pas IE5
&hearts; &#9829 ; cœur noir pas IE5
&diams; &#9830 ; carreau noir pas IE5
&larr; &#8592 ; flèche vers la gauche pas IE5
&uarr; &#8593 ; flèche vers le haut pas IE5
&rarr; &#8594 ; flèche vers la droite pas IE5
&darr; &#8595 ; flèche vers le bas pas IE5
&harr; &#8596 ; flèche bilatérale gauche-droite pas IE5

P.-S.

Librement inspiré des travaux d’Alexandre Alapetite

SPIP | | Plan du site | Suivre la vie du site RSS 2.0

Sauf mention contraire, le site est placé sous double licence Creative Commons BY-SA et GNU Free Documentation License.