Html 5 et les caractères spéciaux

Code Html CSS

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
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 spéciaux 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;

Cat Dimension
Découvrez le platformer Cat Dimension sur Steam : https://store.steampowered.com/app/1839780/Cat_Dimension

« 

Itamde est également une école de programmation en ligne.

Itamde

Apprenez ce que vous voulez, à votre rythme

1 Commentaire

  1. Alice

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

    Réponse

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pourriez être intéressé par…

L’intelligence artificielle s’invite dans chaque pixel

L’intelligence artificielle s’invite dans chaque pixel

Il y a encore quelques années, retoucher une photo demandait des heures de travail minutieux sur Photoshop, une maîtrise des calques, des masques et des courbes de niveaux. En 2026, la donne a changé. Les outils IA de retouche photo ne se contentent plus de proposer...

Les 10 meilleurs outils IA gratuits pour les développeurs en 2026

Les 10 meilleurs outils IA gratuits pour les développeurs en 2026

L'intelligence artificielle transforme la manière dont les développeurs écrivent, testent et déploient leur code. En 2026, de nombreux outils IA sont accessibles gratuitement, offrant des fonctionnalités qui auraient semblé impossibles il y a quelques années. Que vous...

Restez informé des dernières actualités et mises à jour

Accédez au contenu réservé

Découvrez les coulisses de nos projets, des ressources exclusives et l’avancée de nos créations en temps réel.

Inscrivez-vous à la newsletter

Recevez nos actualités, nos réflexions créatives et les nouveautés de l’atelier directement dans votre boîte mail.

Suivez-nous

Rejoignez notre communauté sur les réseaux pour suivre nos projets au quotidien et échanger avec nous.