Le standard HTML 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.
| Les accents | html | Signes typographiques | html | caractères spéciaux | html |
|---|---|---|---|---|---|
| à | à | < | < | ç | ç |
| â | â | > | > | & | & |
| è | è | « | « | € | € |
| é | é | » | » | £ | £ |
| ê | ê | " | " | © | © |
| î | î | ← | ← | ® | ® |
| ë | ë | ↓ | ↓ | æ | æ |
| ô | ô | ↑ | ↑ | œ hors norme | œ |
| ö | ö | → | → | ¿ | ¿ |
| ù | ù | ’ | ’ | ° | ° |
| û | û | ″ | ″ | ½ | ½ |
| caractère | code texte | commentaire |
|---|---|---|
| | espace insécable | |
| | ­ | tiret de césure optionnelle (permet au navigateur de couper le mot au bon endroit si besoin de passer à la ligne) |
| " | " | guillemet anglais, guillemet droit (quote) |
| « | « | guillemet français ouvrant |
| » | » | guillemet français fermant |
| ‹ | ‹ | guillemet français simple ouvrant |
| › | › | guillemet français simple fermant |
| “ | “ | guillemet double ouvrant, guillemet-apostrophe double culbuté |
| ” | ” | guillemet double fermant, guillemet-apostrophe double |
| „ | „ | guillemet double fermant bas, guillemet-virgule double inférieur |
| ' | ' | guillemet simple droit |
| ‘ | ‘ | guillemet simple ouvrant, guillemet-apostrophe culbuté |
| ’ | ’ | guillemet simple fermant, guillemet-apostrophe |
| ‚ | ‚ | guillemet simple fermant bas, guillemet-virgule inférieur |
| … | … | points de suspension |
| ¡ | ¡ | point d'exclamation inversé |
| ¿ | ¿ | point d'interrogation inversé |
| ¨ | ¨ | tréma |
| ´ | ´ | accent aigu |
| ˆ | ˆ | accent circonflexe |
| ˜ | ˜ | petit tilde |
| ¸ | ¸ | cédille |
| · | · | point médian |
| • | • | gros point médian |
| ¯ | ¯ | macron |
| ‾ | ‾ | tiret en chef (overline, spacing overscore) |
| – | – | tiret demi-cadratin, tiret d'incise |
| — | — | tiret cadratin, tiret de dialogue |
| ¦ | ¦ | barre verticale scindée |
| | ‌ | antiliant sans chasse |
| | ‍ | liant sans chasse |
| † | † | obèle |
| ‡ | ‡ | double obèle |
| § | § | section |
| ¶ | ¶ | paragraphe |
| © | © | copyright |
| ® | ® | marque déposée |
| ™ | ™ | marque commerciale (trade mark) |
| & | & | et commercial, esperluette, ampersand |
| ◊ | ◊ | losange |
| ♠ | ♠ | pique noir |
| ♣ | ♣ | trèfle noir |
| ♥ | ♥ | cœur noir |
| ♦ | ♦ | carreau noir |
| ← | ← | flèche vers la gauche |
| ↑ | ↑ | flèche vers le haut |
| → | → | flèche vers la droite |
| ↓ | ↓ | flèche vers le bas |
| ↔ | ↔ | flèche bilatérale gauche-droite |
| caractère | code texte | commentaire |
|---|---|---|
| ¤ | ¤ | symbole monnaitaire |
| € | € | euro (monnaie européenne) |
| ¢ | ¢ | cent (monnaie américaine) |
| £ | £ | pound (Livre sterling, monnaie anglaise) |
| ¥ | ¥ | yen (monnaie japonaise) |
| ƒ | ƒ | florin (idem fonction) |
| minuscule | code texte | Majuscule | code texte | commentaire |
|---|---|---|---|---|
| á | á | Á | Á | |
| â | â | Â | Â | |
| à | à | À | À | |
| å | å | Å | Å | |
| ã | ã | Ã | Ã | |
| ä | ä | Ä | Ä | |
| æ | æ | Æ | Æ | |
| ç | ç | Ç | Ç | |
| é | é | É | É | |
| ê | ê | Ê | Ê | |
| è | è | È | È | |
| ë | ë | Ë | Ë | |
| í | í | Í | Í | |
| î | î | Î | Î | |
| ì | ì | Ì | Ì | |
| ï | ï | Ï | Ï | |
| ñ | ñ | Ñ | Ñ | |
| ó | ó | Ó | Ó | |
| ô | ô | Ô | Ô | |
| ò | ò | Ò | Ò | |
| ø | ø | Ø | Ø | |
| õ | õ | Õ | Õ | |
| ö | ö | Ö | Ö | |
| œ | œ | Œ | Œ | ligature latine oe |
| š | š | Š | Š | lettre latine s avec caron |
| ß | ß | lettre minuscule allemande s dur | ||
| ð | ð | Ð | Ð | lettre islandaise ed |
| þ | þ | Þ | Þ | lettre islandaise thorn |
| ú | ú | Ú | Ú | |
| ù | ù | Ù | Ù | |
| ü | ü | Ü | Ü | |
| ý | ý | Ý | Ý | |
| ÿ | ÿ | Ÿ | Ÿ |
| caractère minuscule | code | caractère Majuscule | code | commentaire |
|---|---|---|---|---|
| α | α | Α | Α | alpha |
| β | β | Β | Β | beta |
| γ | γ | Γ | Γ | gamma |
| δ | δ | Δ | Δ | delta |
| ε | ε | Ε | Ε | epsilon |
| ζ | ζ | Ζ | Ζ | zeta |
| η | η | Η | Η | eta |
| θ | θ | Θ | Θ | theta |
| ι | ι | Ι | Ι | iota |
| κ | κ | Κ | Κ | kappa |
| λ | λ | Λ | Λ | lambda |
| μ | μ | Μ | Μ | mu |
| ν | ν | Ν | Ν | nu |
| ξ | ξ | Ξ | Ξ | xi |
| ο | ο | Ο | Ο | omicron |
| π | π | Π | Π | pi |
| ρ | ρ | Ρ | Ρ | rho |
| σ | σ | Σ | Σ | sigma |
| τ | τ | Τ | Τ | tau |
| υ | υ | Υ | Υ | upsilon |
| φ | φ | Φ | Φ | phi |
| χ | χ | Χ | Χ | chi |
| ψ | ψ | Ψ | Ψ | psi |
| ω | ω | Ω | Ω | omega |
| caractère | code texte | commentaire |
|---|---|---|
| ° | ° | degré |
| µ | µ | mu (lettre grecque) |
| < | < | inférieur (less-than) |
| > | > | supérieur (greater-than) |
| ≤ | ≤ | inférieur ou égal (less or equal) |
| ≥ | ≥ | supérieur ou égal (greater or equal) |
| = | = | égal |
| ≈ | ≈ | presque égal (asymptotic) |
| ≠ | ≠ | différent (not equal) |
| ≡ | ≡ | équivalent |
| ± | ± | plus-ou-moins |
| − | − | moins |
| + | + | plus |
| × | × | multiplication |
| ÷ | ÷ | division |
| ⁄ | ⁄ | fraction |
| % | % | pour cent |
| ‰ | ‰ | pour mille |
| ¼ | ¼ | un quart |
| ½ | ½ | un demi |
| ¾ | ¾ | trois quarts |
| ¹ | ¹ | exposant 1 |
| ² | ² | exposant 2 |
| ³ | ³ | exposant 3 |
| º | º | indicateur ordinal masculin |
| ª | ª | indicateur ordinal féminin |
| ƒ | ƒ | fonction (idem florin) |
| ′ | ′ | prime, minutes, dérivée |
| ″ | ″ | double prime, secondes, dérivée seconde |
| ∂ | ∂ | dérivée partielle |
| ∏ | ∏ | produit n-aire |
| ∑ | ∑ | somme n-aire |
| √ | √ | racine carrée |
| ∞ | ∞ | infini |
| ¬ | ¬ | crochet de négation |
| ∩ | ∩ | intersection |
| ∫ | ∫ | intégrale |
Pour que les écritures d'Asie soient lisibles sur votre navigateur, il faut tout d'abord préciser uen ligne de métadonnées :
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> ... <head>
Sinon il existe des tableaux de correspondance en unicode, comme par exemple pour le hiragana : sur ce site.
En UTF 8 on insère directement les caractères : こんにちは