Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Les caractères spéciaux (X)HTML
- Date de publication : 19/02/2009
- Par Dumas Grégory (Autres articles)
- Qui n'est jamais arrivé sur une page web où des symboles bizarres remplaçent un certain nombre de caractères et rendent la lecture de la dite page difficile voire impossible ?
- La raison est que le concepteur de la page et le lecteur n'utilisent pas un encodage compatible. Pour remédier à cela, on peut modifier l'encodage de la page en choississant un encodage universel du type UTF-8 mais si l'on n'a pas la maitrîse de l'encodage, le W3C a prévu une autre solution : le remplacement des "caractères spéciaux" (caractères accentués pas exemple) par des codes HTML destinés à rendre l'affichage du caractère correct. Ceci n'est bien sûr valable que si la police choisie accepte le caractère.
- Cet article recense de manière non exhaustive bon nombre de ces caractères spéciaux.
- I. Caractères Web particuliers
- II. Signes diacritiques
- III. Alphabet latin modifié
- IV. Alphabet grec
- V. Autres caractères généraux
- VI. Caractères scientifiques
- VII. «Figures géométriques» et autres caractères
- VIII. Remerciements
- I. Caractères Web particuliers
- Afin de préserver la structure des pages Web, il est nécessaire de remplacer certains caractères réguliers qui deviennent spéciaux en (X)HTML.
- Caractère Code numérique Code HTML Description
- " " " Guillemets
- & & & Esperluette
- < < < Inférieur à
- > > > Supérieur à
- II. Signes diacritiques
- Un signe diacritique est un signe graphique qui sert à différencier des mots homographes ou des prononciations différentes d'une même lettre.
- Caractère Code numérique Code HTML Description Mot clé Caractère Code numérique Code HTML Description Mot clé
- ` ` Accent grave grave ´ ´ ´ Accent aigu acute
- ˆ ˆ ˆ Accent circonflexe circ ¨ ¨ ¨ Tréma uml
- ˇ ˇ Chevron ˘ ˘ Brêve
- ˚ ˚ Rond en chef ring ˙ ˙ Point en chef
- ̉ ̉ Crochet en chef ˉ ˉ Macron
- ˛ ˛ Ogonek ˜ ˜ ˜ Tilde tilde
- ˝ ˝ Double accent aigu ¸ ¸ ¸ Cédille cedil
- III. Alphabet latin modifié
- III-A. Règles
- Compte tenu du nombre de lettres concernées et de la réelle difficulté à retenir tous les codes numériques correspondants, des codes HTML mnémotechniques ont été mis en place pour les combinaisons avec les signes diacritiques les plus courants.
- Elles concernent essentiellement les caractères dits accentués.
- La règle commence comme tout code HTML par une esperluette, suivie de la lettre à modifier dans la casse (minuscule / majuscule) voulue, suivie d'un mot clé du signe diacritique voulu et enfin un point virgule terminant le code HTML.
- & + lettre + mot clé + ;
- ( Exemple : À donnera À )
- Sur le même modèle, d'autres mots clés mnémotechniques ont été crées comme lig pour les lettres ligaturées.
- III-B. Liste des caractères latins modifiés
- A
- C
- D
- E
- F
- G
- H
- I
- J
- K
- L
- N
- O
- R
- S
- T
- U
- W
- Y
- Z
- Majuscule Minuscule
- Caractère Code numérique Code HTML Caractère Code numérique Code HTML
- À À À à à à
- Á Á Á á á á
- Â Â Â â â â
- Ä Ã Ä ä ã ä
- Å Ä Å å ä å
- Ā Ā ā ā
- Ă Ă ă ă
- Ą Ą ą ą
- Ǻ Ǻ ǻ ǻ
- Ά Ά
- Ạ Ạ ạ ạ
- Ả Ả ả ả
- Ấ Ấ ấ ấ
- Ầ Ầ ầ ầ
- Ẩ Ẩ ẩ ẩ
- Ẫ Ẫ ẫ ẫ
- Ậ Ậ ậ ậ
- Ắ Ắ ắ ắ
- Ằ Ằ ằ ằ
- Ẳ Ẳ ẳ ẳ
- Ẵ Ẵ ẵ ẵ
- Ặ Ặ ặ ặ
- Æ Æ Æ æ æ æ
- Ǽ Ǽ ǽ ǽ
- Ć Ć ć ć
- Ĉ Ĉ ĉ ĉ
- Ċ Ċ ċ ċ
- Č Č č č
- Ç &192; Ç ç &192; ç
- Ď Ď ď ď
- Đ Đ đ đ
- Ð Ð Ð ð ð ð
- È È È è è è
- É É É é é é
- Ê Ê Ê ê ê ê
- Ë Ë Ë ë ë ë
- Ē Ē ē ē
- Ĕ Ĕ ĕ ĕ
- Ė Ė ė ė
- Ę Ę ę ę
- Ě Ě ě ě
- Έ Έ
- Ẹ Ẹ ẹ ẹ
- Ẻ Ẻ ẻ ẻ
- Ẽ Ẽ ẽ ẽ
- Ế Ế ế ế
- Ề Ề ề ề
- Ể Ể ể ể
- Ễ Ễ ễ ễ
- Ệ Ệ ệ ệ
- ₣ ₣
- Ĝ Ĝ ĝ ĝ
- Ğ Ğ ğ ğ
- Ġ Ġ ġ ġ
- Ģ Ģ ģ ģ
- Ĥ Ĥ ĥ ĥ
- Ħ Ħ ħ ħ
- Ή Ή
- Ì Ì Ì ì ì ì
- Í Í Í í í í
- Î Î Î î î î
- Ï Ï Ï ï ï ï
- Ĩ Ĩ ĩ ĩ
- Ī Ī ī ī
- Ĭ Ĭ ĭ ĭ
- Į Į į į
- İ İ ı ı
- Ί Ί
- Ỉ Ỉ ỉ ỉ
- Ị Ị ị ị
- IJ IJ ij ij
- Ĵ Ĵ ĵ ĵ
- Ķ Ķ ķ ķ
- ĸ ĸ
- Ĺ Ĺ ĺ ĺ
- Ļ Ļ ļ ļ
- Ľ Ľ ľ ľ
- Ŀ Ŀ ŀ ŀ
- Ł Ł ł ł
- Ñ Ñ Ñ ñ ñ ñ
- Ń Ń ń ń
- Ņ Ņ ņ ņ
- Ň Ň ň ň
- ʼn ʼn
- Ŋ Ŋ ŋ ŋ
- Ò Ò Ò ò ò ò
- Ó Ó Ó ó ó ó
- Ô Ô Ô ô ô ô
- Õ Õ Õ õ õ õ
- Ö Ö Ö ö ö ö
- Ø Ø Ø ø ø ø
- Ō Ō ō ō
- Ŏ Ŏ ŏ ŏ
- Ő Ő ő ő
- Ơ Ơ ơ ơ
- Ǿ Ǿ ǿ ǿ
- Ό Ό
- Ỏ Ỏ ỏ ỏ
- Ố Ố ố ố
- Ồ Ồ ồ ồ
- Ổ Ổ ổ ổ
- Ỗ Ỗ ỗ ỗ
- Ộ Ộ ộ ộ
- Ớ Ớ ớ ớ
- Ờ Ờ ờ ờ
- Ở Ở ở ở
- Ỡ Ỡ ỡ ỡ
- Ợ Ợ ợ ợ
- Œ Œ Œ œ œ œ
- Ŕ Ŕ ŕ ŕ
- Ŗ Ŗ ŗ ŗ
- Ř Ř ř ř
- Ś Ś ś ś
- Ŝ Ŝ ŝ ŝ
- Ş Ş ş ş
- Š Š Š š š š
- ß ß ß
- Þ Þ Þ þ þ þ
- Ţ Ţ ţ ţ
- Ť Ť ť ť
- Ŧ Ŧ ŧ ŧ
- Ù Ù Ù ù ù ù
- Ú Ú Ú ú ú ú
- Û Û Û û û û
- Ü Ü Ü ü ü ü
- Ũ Ũ ũ ũ
- Ū Ū ū ū
- Ŭ Ŭ ŭ ŭ
- Ů Ů ů ů
- Ű Ű ű ű
- Ų Ų ų ų
- Ư Ư ư ư
- Ụ Ụ ụ ụ
- Ủ Ủ ủ ủ
- Ứ Ứ ứ ứ
- Ừ Ừ ừ ừ
- Ử Ử ử ử
- Ữ Ữ ữ ữ
- Ự Ự ự ự
- Ŵ Ŵ ŵ ŵ
- Ẅ Ẅ ẅ ẅ
- Ý Ý Ý ý ý ý
- Ÿ Ÿ Ÿ ÿ ÿ ÿ
- Ŷ Ŷ ŷ ŷ
- Ύ Ύ
- Ź Ź ź ź
- Ż Ż ż ż
- Ž Ž ž ž
- IV. Alphabet grec
- IV-A. Règles
- Comme pour les lettres transformées, les lettres grecques font l'objet de code HTML mnémotechniques.
- La règle commence comme tout code HTML par une esperluette, suivie du nom de la lettre grecque et termine par un point virgule. La casse de la première lettre du nom de la lettre grecque détermine la casse de la lettre affichée.
- & + nom de la lettre grecque + ;
- ( Exemple : Γ donnera Γ )
- IV-B. Liste des caractères grecs
- Majuscule Minuscule
- Caractère Code numérique Code HTML Caractère Code numérique Code HTML
- Α Α Α α α α
- Β Β Β β β β
- Γ Γ Γ γ γ γ
- Δ Δ Δ δ δ δ
- Ε Ε Ε ε ε ε
- Ζ Ζ Ζ ζ ζ ζ
- Η Η Η η η η
- Θ Θ Θ θ θ θ
- Ι Ι Ι ι ι ι
- Κ Κ Κ κ κ κ
- Λ Λ Λ λ λ λ
- Μ Μ Μ μ μ μ
- Ν Ν Ν ν ν ν
- Ξ Ξ Ξ ξ ξ ξ
- Ο Ο Ο ο ο ο
- Π Π Π π π π
- Ρ Ρ Ρ ρ ρ ρ
- Σ Σ Σ σ σ σ
- Τ Τ Τ τ τ τ
- Υ Υ Υ υ υ υ
- Φ Φ Φ φ φ φ
- Χ Χ Χ χ χ χ
- Ψ Ψ Ψ ψ ψ ψ
- Ω Ω Ω ω ω ω
- IV-C. Liste des caractères grecs modifiés
- Caractère Code numérique Caractère Code numérique Caractère Code numérique
- Ώ Ώ ΐ ΐ Ϊ Ϊ
- Ϋ Ϋ ά ά έ έ
- ή ή ί ί έ έ
- ή ή ί ί ΰ ΰ
- ϊ ϊ ϋ ϋ ό ό
- ύ ύ ώ ώ
- V. Autres caractères généraux
- V-A. Ponctuation
- Caractère Code numérique Code HTML Description Caractère Code numérique Code HTML Description
- ‘ ‘ ‘ guillemet simple ouvrant ’ ’ ’ guillemet simple fermant
- “ “ “ guillemet double ouvrant ” ” ” guillemet double fermant
- ‹ ‹ ‹ guillemet français simple ouvrant › › › guillemet français simple fermant
- « « « guillemet français ouvrant » » » guillemet français fermant
- ‚ ‚ ‚ guillemet simple fermant bas „ „ „ guillemet double fermant bas
- … … … points de suspension ¿ ¿ ¿ point d'interrogation inversé
- ¡ ¡ ¡ point d'exclamation inversé ‼ ‼ double point d'exclamation
- ‑ ‑ petit tiret – – – tiret demi-cadratin
- — — — tiret cadratin ― ― tiret long
- § § § paragraphe ¶ ¶ ¶ pied de mouche
- † † &dagger obèle ‡ ‡ &Dagger double obèle
- V-B. Monnaies
- Caractère Code numérique Code HTML Description Caractère Code numérique Code HTML Description
- ¤ ¤ ¤ symbole monétaire ¢ ¢ ¢ cent
- € € € euro £ £ £ livre sterling
- ¥ ¥ ¥ yen ƒ ƒ ƒ florin
- V-C. Marques
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- © © © copyright ® ® ® marque déposée
- ™ ™ ™ marque commerciale
- VI. Caractères scientifiques
- VI-A. Arithmétique
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- + + + plus − − − moins
- × × × multiplication ÷ ÷ ÷ division
- ∙ ∙ produit ⁄ ⁄ ⁄ barre de fraction
- ± ± ± plus ou moins
- % % % pour cent / modulo ‰ ‰ ‰ pour mille
- VI-B. Exposants
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- ¹ ¹ ¹ exposant 1 ² ² ² exposant 2
- ³ ³ ³ exposant 3 ⁿ ⁿ exposant n
- º º º ordinal mâle ª » ª ordinal féminin
- VI-C. Fractions
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- ¼ ¼ ¼ un quart ½ ½ ½ un demi
- ¾ ¾ ¾ trois quart ⅓ ⅓ un tiers
- ⅔ ⅔ deux tiers ⅛ ⅛ un huitième
- ⅜ ⅜ trois huitièmes ⅝ ⅝ cinq huitièmes
- ⅞ ⅞ sept huitièmes
- VI-D. Opérateurs de comparaisons
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- = = = égal ≠ ≠ ≠ différent
- ≡ ≡ ≡ équivalent ≈ ≈ ≈ presque égal
- < < < inférieur > > > supérieur
- ≤ ≤ ≤ inférieur ou égal ≥ ≥ ≥ supérieur ou égal
- VI-E. Autres
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- ′ ′ ′ dérivée ″ ″ ″ dérivée seconde
- ∂ ∂ ∂ dérivée partielle ∏ ∏ ∏ produit n-aire
- ∑ ∑ ∑ somme n-aire √ √ √ racine carrée
- ∞ ∡ ∞ infini ∫ ∫ ∫ intégrale
- ℮ ℮ nombre d'Euler ° ° ° degré
- ¬ ¬ ¬ négation ∩ ∩ ∩ intersection
- VII. «Figures géométriques» et autres caractères
- VII-A. Flêches
- Symbole Code numérique Code HTML Description Symbole Code numérique Code HTML Description
- ← ← ← gauche → → → droite
- ↑ ↑ ↑ haut ↓ ↓ ↓ bas
- ↔ ↔ ↔ gauche et droite ↕ ↕ haut et bas
- VII-B. Boites
- Symbole Code numérique Symbole Code numérique Symbole Code numérique
- █ █ ▓ ▓ ▒ ▒
- ▄ ▄ ▌ ▌ ■ ■
- □ □ ▪ ▪ ▫ ▫
- VII-C. Lignes
- Symbole Code numérique Symbole Code numérique Symbole Code numérique Symbole Code numérique Symbole Code numérique
- ┌ ┌ ┐ ┐ └ └ ┘ ┘ ╬ ╬
- ╔ ╔ ╗ ╗ ╚ ╚ ╝ ╝
- ├ ├ ┤ ┤ ┬ ┬ ┴ ┴ ┼ ┼
- ╒ ╒ ╕ ╕ ╘ ╘ ╛ ╛ ╪ ╪
- ╓ ╓ ╖ ╖ ╙ ╙ ╜ ╜ ╫ ╫
- ╞ ╞ ╡ ╡ ╥ ╥ ╨ ╨
- ╟ ╟ ╢ ╢ ╤ ╤ ╧ ╧
- ╠ ╠ ╣ ╣ ╦ ╦ ╩ ╩
- ─ ─ │ │ ═ ═ ║ ║
- VII-E. Autres
- Symbole Code numérique Code HTML Symbole Code numérique Code HTML Symbole Code numérique Code HTML
- · · · • • • ¦ ¦ ¦
- ſ ſ ۔ ۔ ٭ ٭
- ੪ ੪ ૪ ૪ ஃ ஃ
- ๏ ๏ ๐ ๐ ჻ ჻
- ♀ ♀ ♂ ♂ ▲ ▲
- ○ ○ ● ● ▼ ▼
- ♪ ♪ ◊ ◊ ◦ ◦
- ₪ ₪ № № ₧ ₧
- ₫ ₫ ℓ ℓ ℅ ℅
- VIII. Remerciements
- Je remercie Bovino, Lorenzo77, Kerod et Bisûnûrs pour leur travail de vérification.
Add Comment
Please, Sign In to add comment