Les accents et les caractères spéciaux

Avec les nouveaux standards html 5, pour afficher la majorité des accents, on écrit directement dans la page, mais n'oubliant pas de placer dans le head la liene suivante :

<meta charset="utf-8">
								

Cette ligne précise que vous écrivez votre document en UTF-8 (abréviation de l’anglais Universal Character Set Transformation Format - 8 bits) est un codage de caractères informatiques conçu pour coder l’ensemble des caractères du « répertoire universel de caractères codés », initialement développé par l’ISO .

Attention, cette technique n'est valable que pour sur les serveurs UTF 8 et ne concerne pas le XML et dans ce cas, il vaut mieux utiliser le standard HTML qui demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela employer un codage particulier.

Les caractères accentués s'écrivent tous sur le même principe : tout d'abord l'esperluette ou &, suivie de la lettreà accentuer puis on précise : grave, acute, circ, uml si l'accent est grave, aigu, circonflexe ou tréma, puis on ajoute un point virgule. La même logique est suivie pour les flèches les caractères spéciaux comme le copyright ou les guillemets. Voici tout d'abord un tableau récapitulatif, puis ensuite une liste plus précise par thème.

Tableaux des caractères les plus fréquents

Les principaux signes
Les accents html Signes typographiques html caractères spéciaux html
&agrave; à &lt; < &ccedil; ç
&acirc; â &gt; > &amp; &
&egrave; è &laquo; « &euro;
&eacute; é &raquo; » &pound; £
&ecirc; ê &quot; " &copy; ©
&icirc; î &larr; &reg; ®
&euml; ë &darr; &aelig; æ
&ocirc; ô &uarr; &oelig; hors norme œ
&ouml; ö &rarr; &iquest; ¿
&ugrave; ù &rsquo; &deg; °
&ucirc; û &Prime; &frac12; ½

Liste très complète des caractères accentués ou caractères spéciaux nécessitant une écriture html

Caractères généraux
caractère code textecommentaire
 &nbsp; espace insécable
­&shy; tiret de césure optionnelle
(permet au navigateur de couper le mot
au bon endroit si besoin de passer à la ligne)
"&quot;guillemet anglais, guillemet droit (quote)
«&laquo; guillemet français ouvrant
»&raquo; guillemet français fermant
&lsaquo; guillemet français simple ouvrant
&rsaquo; guillemet français simple fermant
&ldquo; guillemet double ouvrant, guillemet-apostrophe double culbuté
&rdquo;guillemet double fermant, guillemet-apostrophe double
&bdquo; guillemet double fermant bas, guillemet-virgule double inférieur
'&apos;guillemet simple droit
&lsquo; guillemet simple ouvrant, guillemet-apostrophe culbuté
&rsquo;guillemet simple fermant, guillemet-apostrophe
&sbquo; guillemet simple fermant bas, guillemet-virgule inférieur
&hellip;points de suspension
¡&iexcl; point d'exclamation inversé
¿&iquest; point d'interrogation inversé
¨&uml; tréma
´&acute;accent aigu
ˆ&circ;accent circonflexe
˜&tilde;petit tilde
¸&cedil; cédille
·&middot; point médian
&bull; gros point médian
¯&macr;macron
&oline;tiret en chef (overline, spacing overscore)
&ndash;tiret demi-cadratin, tiret d'incise
&mdash;tiret cadratin, tiret de dialogue
¦&brvbar; barre verticale scindée
&zwnj;antiliant sans chasse
&zwj;liant sans chasse
&dagger; obèle
&Dagger; double obèle
§&sect;section
&para;paragraphe
©&copy;copyright
®&reg; marque déposée
&trade;marque commerciale (trade mark)
&&amp;et commercial, esperluette, ampersand
&loz;losange
&spades;pique noir
&clubs; trèfle noir
&hearts;cœur noir
&diams;carreau noir
&larr; flèche vers la gauche
&uarr; flèche vers le haut
&rarr; flèche vers la droite
&darr; flèche vers le bas
&harr; flèche bilatérale gauche-droite
Monnaies
caractère code textecommentaire
¤&curren;symbole monnaitaire
&euro; euro (monnaie européenne)
¢&cent; cent (monnaie américaine)
£&pound;pound (Livre sterling, monnaie anglaise)
¥&yen;yen (monnaie japonaise)
ƒ&fnof;florin (idem fonction)

Caractères alphabétiques accentués et spéciaux
minusculecode texte Majuscule code texte commentaire
á&aacute; Á &Aacute;  
â&acirc; Â &Acirc;  
à&agrave; À &Agrave;  
å&aring; Å &Aring;  
ã&atilde; Ã &Atilde;  
ä&auml; Ä &Auml;  
æ&aelig; Æ &AElig;  
ç&ccedil; Ç &Ccedil;  
é&eacute; É &Eacute;  
ê&ecirc; Ê &Ecirc;  
è&egrave; È &Egrave;  
ë&euml; Ë &Euml;  
í&iacute; Í &Iacute;  
î&icirc; Î &Icirc;  
ì&igrave; Ì &Igrave;  
ï&iuml; Ï &Iuml;  
ñ&ntilde; Ñ &Ntilde;  
ó&oacute; Ó &Oacute;  
ô&ocirc; Ô &Ocirc;  
ò&ograve; Ò &Ograve;  
ø&oslash; Ø &Oslash;  
õ&otilde; Õ &Otilde;  
ö&ouml; Ö &Ouml;  
œ&oelig; Œ &OElig; ligature latine oe
š&scaron; Š &Scaron; lettre latine s avec caron
ß&szlig;     lettre minuscule allemande s dur
ð&eth; Ð &ETH; lettre islandaise ed
þ&thorn; Þ &THORN; lettre islandaise thorn
ú&uacute; Ú &Uacute;  
ù&ugrave; Ù &Ugrave;  
ü&uuml; Ü &Uuml;  
ý&yacute; Ý &Yacute;  
ÿ&yuml; Ÿ &Yuml;  

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

Sciences
caractère code textecommentaire
°&deg; degré
µ&micro;mu (lettre grecque)
<&lt; inférieur (less-than)
>&gt; supérieur (greater-than)
&le; inférieur ou égal (less or equal)
&ge; supérieur ou égal (greater or equal)
== égal
&asymp; presque égal (asymptotic)
&ne; différent (not equal)
&equiv; équivalent
±&plusmn;plus-ou-moins
&minus;moins
++plus
×&times;multiplication
÷&divide;division
&frasl;fraction
%%pour cent
&permil;pour mille
¼&frac14;un quart
½&frac12;un demi
¾&frac34;trois quarts
¹&sup1;exposant 1
²&sup2;exposant 2
³&sup3;exposant 3
º&ordm;indicateur ordinal masculin
ª&ordf; indicateur ordinal féminin
ƒ&fnof;fonction (idem florin)
&prime; prime, minutes, dérivée
&Prime; double prime, secondes, dérivée seconde
&part; dérivée partielle
&prod;produit n-aire
&sum;somme n-aire
&radic; racine carrée
&infin;infini
¬&not; crochet de négation
&cap;intersection
&int; intégrale

Les caractères d'ASIE

En UTF 8 on insère directement les caractères : こんにちは

On utilise des claviers virtuels comme celui-ci par exemple :

http://www.leclavier.com/chinois/