• Votre panier est vide.

Html 5 et les caractères spéciaux

(Dernière mise à jour: 5 novembre 2020)

En HTML 5, vous avez les caractères spéciaux qui peuvent être confondus avec une balise, et à certains endroits les guillemets avec les attributs d’une balise, et le signe & pour le début d’une réponse de caractères.

Codage des signes HTML propres

Certains caractères ont une signification particulière en HTML, ayant une incidence forte sur le formatage de la page; il s’agit des caractères <, >, «  et &<ital></ital>. Le caractère < possède une importance particulière, dans la mesure où il représente pour le navigateur l’ouverture d’une nouvelle balise HTML.

Lorsque ces caractères sont utilisés dans un texte contenu dans une page web, il est donc impératif de les coder en HTML, au risque sinon de provoquer une erreur d’affichage dans le navigateur.

Donc ces caractères spéciaux, vous devez les encoder pour que HTML 5 ne les interprète pas.

< deviendra < 
> deviendra > 
& deviendra &
Html 5 et les caractères spéciaux

Pour afficher <i>, il faut taper le code:

<i>
Caractère Code ISO Code HTML
« &#34;&quot;
&&#38;&amp;
<&#8249;&lsaquo;
>&#8250;&rsaquo;

Notez toutefois que les navigateurs actuels reconnaissent les caractères accentués, ainsi vous pouvez entrer des caractères accentués directement sous votre éditeur de texte, mais votre page HTML risque d’être illisible depuis l’étranger ou à partir de certains navigateurs.

HTML et les caractères ASCII

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 utiliser un codage particulier.

Pour coder un caractère accentué, il suffit de saisir une combinaison précédée du caractère & et terminée par un point-virgule (;). Voici la liste représentations HTML des caractères ASCII de 128 à 255 :

Caractère Code ISO Code HTML
« &#34;&quot;
&&#38;&amp;
&#128;&euro;
&#129;
&#130;
ƒ&#131;
« &#132;
&#133;
+&#134;
#&#135;
^&#136;
&#137;
Š&#138;
<&#139;&lt;
Œ&#140;
&#141;
Z&#142;
&#143;
&#144;
&#145;
&#146;
« &#147;
« &#148;
*&#149;
&#150;
&#151;
~&#152;
&#153;
š&#154;
>&#155;&gt;
oe&#156;&oelig;
&#157;
z&#158;
Y&#159;&Yuml;
Space&#160;&nbsp;
¡&#161;&iexcl;
¢&#162;&cent;
£&#163;&pound;
¤&#164;&curren;
¥&#165;&yen
¦&#166;&brvbar;
§&#167;&sect;
¨&#168;&uml;
©&#169;&copy;
ª&#170;&ordf;
«&#171;&laquo;
¬&#172;&not;
­&#173;&shy;
®&#174;&reg;
¯&#175;&masr;
°&#176;&deg;
±&#177;&plusmn;
²&#178;&sup2;
³&#179;&sup3;
&#180;&acute;
µ&#181;&micro;
&#182;&para;
·&#183;&middot;
¸&#184;&cedil;
¹&#185;&sup1;
º&#186;&ordm;
»&#187;&raquo;
¼&#188;&frac14;
½&#189;&frac12;
¾&#190;&frac34;
¿&#191;&iquest;
À&#192;&Agrave;
Á&#193;&Aacute;
Â&#194;&Acirc;
Ã&#195;&Atilde;
Ä&#196;&Auml;
Å&#197;&Aring;
Æ&#198&Aelig
Ç&#199;&Ccedil;
È&#200;&Egrave;
É&#201;&Eacute;
Ê&#202;&Ecirc;
Ë&#203;&Euml;
Ì&#204;&Igrave;
Í&#205;&Iacute;
Î&#206;&Icirc;
Ï&#207;&Iuml;
Ð&#208;&eth;
Ñ&#209;&Ntilde;
Ò&#210;&Ograve;
Ó&#211;&Oacute;
Ô&#212;&Ocirc;
Õ&#213;&Otilde;
Ö&#214;&Ouml;
×&#215;&times;
Ø&#216;&Oslash;
Ù&#217;&Ugrave;
Ú&#218;&Uacute;
Û&#219;&Ucirc;
Ü&#220;&Uuml;
Ý&#221;&Yacute;
Þ&#222;&thorn;
ß&#223;&szlig;
à&#224;&agrave;
á&#225;&aacute;
â&#226;&acirc;
ã&#227;&atilde;
ä&#228;&auml;
å&#229;&aring;
æ&#230;&aelig;
ç&#231;&ccedil;
è&#232;&egrave;
é&#233;&eacute;
ê&#234;&ecirc;
ë&#235;&euml;
ì&#236;&igrave;
í&#237;&iacute;
î&#238;&icirc;
ï&#239;&iuml;
ð&#240;&eth;
ñ&#241;&ntilde;
ò&#242;&ograve;
ó&#243;&oacute;
ô&#244;&ocirc;
õ&#245;&otilde;
ö&#246;&ouml;
÷&#247;&divide;
ø&#248;&oslash;
ù&#249;&ugrave;
ú&#250;&uacute;
û&#251;&ucirc;
ü&#252;&uuml;
ý&#253;&yacute;
þ&#254;&thorn;
ÿ&#255;&yuml;

1 responses on "Html 5 et les caractères spéciaux"

  1. Un grand merci pour vos efforts sur le sujet du codage ASCII 🙂

Leave a Message

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

© Develop4fun. Tous les droits réservés.