{"id":284,"date":"2015-12-27T19:32:42","date_gmt":"2015-12-27T18:32:42","guid":{"rendered":"http:\/\/www.igatamus.com\/bgc\/?p=284"},"modified":"2017-10-06T19:33:25","modified_gmt":"2017-10-06T17:33:25","slug":"html-codage-caracteres-speciaux","status":"publish","type":"post","link":"https:\/\/www.igatamus.com\/bgc\/2015\/12\/27\/html-codage-caracteres-speciaux\/","title":{"rendered":"HTML codage caract\u00e8res sp\u00e9ciaux"},"content":{"rendered":"

HTML codage caract\u00e8res sp\u00e9ciaux<\/h3>\n
<\/div>\n
\n

Codage des caract\u00e8res sp\u00e9ciaux<\/h2>\n
Le standard\u00a0HTML<\/a>\u00a0demande de respecter le codage des caract\u00e8res\u00a0ASCII<\/a>\u00a07 bits, c’est-\u00e0-dire que les caract\u00e8res accentu\u00e9s ne sont pas autoris\u00e9s. Il faut pour cela utiliser un codage particulier.<\/div>\n
Pour coder un caract\u00e8re accentu\u00e9, il suffit de saisir une combinaison pr\u00e9c\u00e9d\u00e9e du caract\u00e8re &<\/i>\u00a0et termin\u00e9e par un point-virgule (;). Voici la liste repr\u00e9sentations HTML des caract\u00e8res\u00a0ASCII<\/a>\u00a0de 128 \u00e0 255 :<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Caract\u00e8re<\/th>\nCode ISO<\/th>\nCode HTML<\/th>\n<\/tr>\n
\u00ab\u00a0<\/td>\n&<\/i><\/i>#34;<\/td>\n&<\/i><\/i>quot;<\/td>\n<\/tr>\n
&<\/td>\n&<\/i>#38;<\/td>\n&<\/i>amp;<\/td>\n<\/tr>\n
\u20ac<\/td>\n&<\/i>#128;<\/td>\n&<\/i>euro;<\/td>\n<\/tr>\n
<\/td>\n&<\/i>#129;<\/td>\n<\/td>\n<\/tr>\n
‘<\/td>\n&<\/i>#130;<\/td>\n<\/td>\n<\/tr>\n
\u0192<\/td>\n&<\/i>#131;<\/td>\n<\/td>\n<\/tr>\n
\u00ab\u00a0<\/td>\n&<\/i>#132;<\/td>\n<\/td>\n<\/tr>\n
\u2026<\/td>\n&<\/i>#133;<\/td>\n<\/td>\n<\/tr>\n
+<\/td>\n&<\/i>#134;<\/td>\n<\/td>\n<\/tr>\n
#<\/td>\n&<\/i>#135;<\/td>\n<\/td>\n<\/tr>\n
^<\/td>\n&<\/i>#136;<\/td>\n<\/td>\n<\/tr>\n
\u2030<\/td>\n&<\/i>#137;<\/td>\n<\/td>\n<\/tr>\n
\u0160<\/td>\n&<\/i>#138;<\/td>\n<\/td>\n<\/tr>\n
<<\/td>\n&<\/i>#139;<\/td>\n&<\/i>lt;<\/td>\n<\/tr>\n
\u0152<\/td>\n&<\/i>#140;<\/td>\n<\/td>\n<\/tr>\n
\u008d<\/td>\n&<\/i>#141;<\/td>\n<\/td>\n<\/tr>\n
Z<\/td>\n&<\/i>#142;<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n&<\/i>#143;<\/td>\n<\/td>\n<\/tr>\n
<\/td>\n&<\/i>#144;<\/td>\n<\/td>\n<\/tr>\n
‘<\/td>\n&<\/i>#145;<\/td>\n<\/td>\n<\/tr>\n
‘<\/td>\n&<\/i>#146;<\/td>\n<\/td>\n<\/tr>\n
\u00ab\u00a0<\/td>\n&<\/i>#147;<\/td>\n<\/td>\n<\/tr>\n
\u00ab\u00a0<\/td>\n&<\/i>#148;<\/td>\n<\/td>\n<\/tr>\n
*<\/td>\n&<\/i>#149;<\/td>\n<\/td>\n<\/tr>\n
–<\/td>\n&<\/i>#150;<\/td>\n<\/td>\n<\/tr>\n
—<\/td>\n&<\/i>#151;<\/td>\n<\/td>\n<\/tr>\n
~<\/td>\n&<\/i>#152;<\/td>\n<\/td>\n<\/tr>\n
\u2122<\/td>\n&<\/i>#153;<\/td>\n<\/td>\n<\/tr>\n
\u0161<\/td>\n&<\/i>#154;<\/td>\n<\/td>\n<\/tr>\n
><\/td>\n&<\/i>#155;<\/td>\n&<\/i>gt;<\/td>\n<\/tr>\n
\u0153<\/td>\n&<\/i>#156;<\/td>\n&<\/i>oelig;<\/td>\n<\/tr>\n
<\/td>\n&<\/i>#157;<\/td>\n<\/td>\n<\/tr>\n
z<\/td>\n&<\/i>#158;<\/td>\n<\/td>\n<\/tr>\n
Y<\/td>\n&<\/i>#159;<\/td>\n&<\/i>Yuml;<\/td>\n<\/tr>\n
Space<\/td>\n&<\/i>#160;<\/td>\n&<\/i>nbsp;<\/td>\n<\/tr>\n
\u00a1<\/td>\n&<\/i>#161;<\/td>\n&<\/i>iexcl;<\/td>\n<\/tr>\n
\u00a2<\/td>\n&<\/i>#162;<\/td>\n&<\/i>cent;<\/td>\n<\/tr>\n
\u00a3<\/td>\n&<\/i>#163;<\/td>\n&<\/i>pound;<\/td>\n<\/tr>\n
\u00a4<\/td>\n&<\/i>#164;<\/td>\n&<\/i>curren;<\/td>\n<\/tr>\n
\u00a5<\/td>\n&<\/i>#165;<\/td>\n&<\/i>yen<\/td>\n<\/tr>\n
\u00a6<\/td>\n&<\/i>#166;<\/td>\n&<\/i>brvbar;<\/td>\n<\/tr>\n
\u00a7<\/td>\n&<\/i>#167;<\/td>\n&<\/i>sect;<\/td>\n<\/tr>\n
\u00a8<\/td>\n&<\/i>#168;<\/td>\n&<\/i>uml;<\/td>\n<\/tr>\n
\u00a9<\/td>\n&<\/i>#169;<\/td>\n&<\/i>copy;<\/td>\n<\/tr>\n
\u00aa<\/td>\n&<\/i>#170;<\/td>\n&<\/i>ordf;<\/td>\n<\/tr>\n
\u00ab<\/td>\n&<\/i>#171;<\/td>\n&<\/i>laquo;<\/td>\n<\/tr>\n
\u00ac<\/td>\n&<\/i>#172;<\/td>\n&<\/i>not;<\/td>\n<\/tr>\n
<\/td>\n&<\/i>#173;<\/td>\n&<\/i>shy;<\/td>\n<\/tr>\n
\u00ae<\/td>\n&<\/i>#174;<\/td>\n&<\/i>reg;<\/td>\n<\/tr>\n
\u00af<\/td>\n&<\/i>#175;<\/td>\n&<\/i>masr;<\/td>\n<\/tr>\n
\u00b0<\/td>\n&<\/i>#176;<\/td>\n&<\/i>deg;<\/td>\n<\/tr>\n
\u00b1<\/td>\n&<\/i>#177;<\/td>\n&<\/i>plusmn;<\/td>\n<\/tr>\n
\u00b2<\/td>\n&<\/i>#178;<\/td>\n&<\/i>sup2;<\/td>\n<\/tr>\n
\u00b3<\/td>\n&<\/i>#179;<\/td>\n&<\/i>sup3;<\/td>\n<\/tr>\n
‘<\/td>\n&<\/i>#180;<\/td>\n&<\/i>acute;<\/td>\n<\/tr>\n
\u00b5<\/td>\n&<\/i>#181;<\/td>\n&<\/i>micro;<\/td>\n<\/tr>\n
\u00b6<\/td>\n&<\/i>#182;<\/td>\n&<\/i>para;<\/td>\n<\/tr>\n
\u00b7<\/td>\n&<\/i>#183;<\/td>\n&<\/i>middot;<\/td>\n<\/tr>\n
\u00b8<\/td>\n&<\/i>#184;<\/td>\n&<\/i>cedil;<\/td>\n<\/tr>\n
\u00b9<\/td>\n&<\/i>#185;<\/td>\n&<\/i>sup1;<\/td>\n<\/tr>\n
\u00ba<\/td>\n&<\/i>#186;<\/td>\n&<\/i>ordm;<\/td>\n<\/tr>\n
\u00bb<\/td>\n&<\/i>#187;<\/td>\n&<\/i>raquo;<\/td>\n<\/tr>\n
\u00bc<\/td>\n&<\/i>#188;<\/td>\n&<\/i>frac14;<\/td>\n<\/tr>\n
\u00bd<\/td>\n&<\/i>#189;<\/td>\n&<\/i>frac12;<\/td>\n<\/tr>\n
\u00be<\/td>\n&<\/i>#190;<\/td>\n&<\/i>frac34;<\/td>\n<\/tr>\n
\u00bf<\/td>\n&<\/i>#191;<\/td>\n&<\/i>iquest;<\/td>\n<\/tr>\n
\u00c0<\/td>\n&<\/i>#192;<\/td>\n&<\/i>Agrave;<\/td>\n<\/tr>\n
\u00c1<\/td>\n&<\/i>#193;<\/td>\n&<\/i>Aacute;<\/td>\n<\/tr>\n
\u00c2<\/td>\n&<\/i>#194;<\/td>\n&<\/i>Acirc;<\/td>\n<\/tr>\n
\u00c3<\/td>\n&<\/i>#195;<\/td>\n&<\/i>Atilde;<\/td>\n<\/tr>\n
\u00c4<\/td>\n&<\/i>#196;<\/td>\n&<\/i>Auml;<\/td>\n<\/tr>\n
\u00c5<\/td>\n&<\/i>#197;<\/td>\n&<\/i>Aring;<\/td>\n<\/tr>\n
\u00c6<\/td>\n&<\/i>#198<\/td>\n&<\/i>Aelig<\/td>\n<\/tr>\n
\u00c7<\/td>\n&<\/i>#199;<\/td>\n&<\/i>Ccedil;<\/td>\n<\/tr>\n
\u00c8<\/td>\n&<\/i>#200;<\/td>\n&<\/i>Egrave;<\/td>\n<\/tr>\n
\u00c9<\/td>\n&<\/i>#201;<\/td>\n&<\/i>Eacute;<\/td>\n<\/tr>\n
\u00ca<\/td>\n&<\/i>#202;<\/td>\n&<\/i>Ecirc;<\/td>\n<\/tr>\n
\u00cb<\/td>\n&<\/i>#203;<\/td>\n&<\/i>Euml;<\/td>\n<\/tr>\n
\u00cc<\/td>\n&<\/i>#204;<\/td>\n&<\/i>Igrave;<\/td>\n<\/tr>\n
\u00cd<\/td>\n&<\/i>#205;<\/td>\n&<\/i>Iacute;<\/td>\n<\/tr>\n
\u00ce<\/td>\n&<\/i>#206;<\/td>\n&<\/i>Icirc;<\/td>\n<\/tr>\n
\u00cf<\/td>\n&<\/i>#207;<\/td>\n&<\/i>Iuml;<\/td>\n<\/tr>\n
\u00d0<\/td>\n&<\/i>#208;<\/td>\n&<\/i>eth;<\/td>\n<\/tr>\n
\u00d1<\/td>\n&<\/i>#209;<\/td>\n&<\/i>Ntilde;<\/td>\n<\/tr>\n
\u00d2<\/td>\n&<\/i>#210;<\/td>\n&<\/i>Ograve;<\/td>\n<\/tr>\n
\u00d3<\/td>\n&<\/i>#211;<\/td>\n&<\/i>Oacute;<\/td>\n<\/tr>\n
\u00d4<\/td>\n&<\/i>#212;<\/td>\n&<\/i>Ocirc;<\/td>\n<\/tr>\n
\u00d5<\/td>\n&<\/i>#213;<\/td>\n&<\/i>Otilde;<\/td>\n<\/tr>\n
\u00d6<\/td>\n&<\/i>#214;<\/td>\n&<\/i>Ouml;<\/td>\n<\/tr>\n
\u00d7<\/td>\n&<\/i>#215;<\/td>\n&<\/i>times;<\/td>\n<\/tr>\n
\u00d8<\/td>\n&<\/i>#216;<\/td>\n&<\/i>Oslash;<\/td>\n<\/tr>\n
\u00d9<\/td>\n&<\/i>#217;<\/td>\n&<\/i>Ugrave;<\/td>\n<\/tr>\n
\u00da<\/td>\n&<\/i>#218;<\/td>\n&<\/i>Uacute;<\/td>\n<\/tr>\n
\u00db<\/td>\n&<\/i>#219;<\/td>\n&<\/i>Ucirc;<\/td>\n<\/tr>\n
\u00dc<\/td>\n&<\/i>#220;<\/td>\n&<\/i>Uuml;<\/td>\n<\/tr>\n
\u00dd<\/td>\n&<\/i>#221;<\/td>\n&<\/i>Yacute;<\/td>\n<\/tr>\n
\u00de<\/td>\n&<\/i>#222;<\/td>\n&<\/i>thorn;<\/td>\n<\/tr>\n
\u00df<\/td>\n&<\/i>#223;<\/td>\n&<\/i>szlig;<\/td>\n<\/tr>\n
\u00e0<\/td>\n&<\/i>#224;<\/td>\n&<\/i>agrave;<\/td>\n<\/tr>\n
\u00e1<\/td>\n&<\/i>#225;<\/td>\n&<\/i>aacute;<\/td>\n<\/tr>\n
\u00e2<\/td>\n&<\/i>#226;<\/td>\n&<\/i>acirc;<\/td>\n<\/tr>\n
\u00e3<\/td>\n&<\/i>#227;<\/td>\n&<\/i>atilde;<\/td>\n<\/tr>\n
\u00e4<\/td>\n&<\/i>#228;<\/td>\n&<\/i>auml;<\/td>\n<\/tr>\n
\u00e5<\/td>\n&<\/i>#229;<\/td>\n&<\/i>aring;<\/td>\n<\/tr>\n
\u00e6<\/td>\n&<\/i>#230;<\/td>\n&<\/i>aelig;<\/td>\n<\/tr>\n
\u00e7<\/td>\n&<\/i>#231;<\/td>\n&<\/i>ccedil;<\/td>\n<\/tr>\n
\u00e8<\/td>\n&<\/i>#232;<\/td>\n&<\/i>egrave;<\/td>\n<\/tr>\n
\u00e9<\/td>\n&<\/i>#233;<\/td>\n&<\/i>eacute;<\/td>\n<\/tr>\n
\u00ea<\/td>\n&<\/i>#234;<\/td>\n&<\/i>ecirc;<\/td>\n<\/tr>\n
\u00eb<\/td>\n&<\/i>#235;<\/td>\n&<\/i>euml;<\/td>\n<\/tr>\n
\u00ec<\/td>\n&<\/i>#236;<\/td>\n&<\/i>igrave;<\/td>\n<\/tr>\n
\u00ed<\/td>\n&<\/i>#237;<\/td>\n&<\/i>iacute;<\/td>\n<\/tr>\n
\u00ee<\/td>\n&<\/i>#238;<\/td>\n&<\/i>icirc;<\/td>\n<\/tr>\n
\u00ef<\/td>\n&<\/i>#239;<\/td>\n&<\/i>iuml;<\/td>\n<\/tr>\n
\u00f0<\/td>\n&<\/i>#240;<\/td>\n&<\/i>eth;<\/td>\n<\/tr>\n
\u00f1<\/td>\n&<\/i>#241;<\/td>\n&<\/i>ntilde;<\/td>\n<\/tr>\n
\u00f2<\/td>\n&<\/i>#242;<\/td>\n&<\/i>ograve;<\/td>\n<\/tr>\n
\u00f3<\/td>\n&<\/i>#243;<\/td>\n&<\/i>oacute;<\/td>\n<\/tr>\n
\u00f4<\/td>\n&<\/i>#244;<\/td>\n&<\/i>ocirc;<\/td>\n<\/tr>\n
\u00f5<\/td>\n&<\/i>#245;<\/td>\n&<\/i>otilde;<\/td>\n<\/tr>\n
\u00f6<\/td>\n&<\/i>#246;<\/td>\n&<\/i>ouml;<\/td>\n<\/tr>\n
\u00f7<\/td>\n&<\/i>#247;<\/td>\n&<\/i>divide;<\/td>\n<\/tr>\n
\u00f8<\/td>\n&<\/i>#248;<\/td>\n&<\/i>oslash;<\/td>\n<\/tr>\n
\u00f9<\/td>\n&<\/i>#249;<\/td>\n&<\/i>ugrave;<\/td>\n<\/tr>\n
\u00fa<\/td>\n&<\/i>#250;<\/td>\n&<\/i>uacute;<\/td>\n<\/tr>\n
\u00fb<\/td>\n&<\/i>#251;<\/td>\n&<\/i>ucirc;<\/td>\n<\/tr>\n
\u00fc<\/td>\n&<\/i>#252;<\/td>\n&<\/i>uuml;<\/td>\n<\/tr>\n
\u00fd<\/td>\n&<\/i>#253;<\/td>\n&<\/i>yacute;<\/td>\n<\/tr>\n
\u00fe<\/td>\n&<\/i>#254;<\/td>\n&<\/i>thorn;<\/td>\n<\/tr>\n
\u00ff<\/td>\n&<\/i>#255;<\/td>\n&<\/i>yuml;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

<\/a><\/p>\n

Codage des signes HTML propres<\/h2>\n
Certains caract\u00e8res ont une signification particuli\u00e8re en HTML, ayant une incidence forte sur le formatage de la page; il s’agit des caract\u00e8res\u00a0<<\/i>,\u00a0><\/i>,\u00a0\u00ab\u00a0<\/i>\u00a0et\u00a0&<ital><\/i><\/ital>. Le caract\u00e8re < poss\u00e8de une importance particuli\u00e8re, dans la mesure o\u00f9 il repr\u00e9sente pour le navigateur l’ouverture d’une nouvelle balise HTML.<\/div>\n
Lorsque ces caract\u00e8res sont utilis\u00e9s dans un texte contenu dans une page web, il est donc imp\u00e9ratif de les coder en HTML, au risque sinon de provoquer une erreur d’affichage dans le navigateur.<\/div>\n
<\/div>\n\n\n\n\n\n\n\n
Caract\u00e8re<\/th>\nCode ISO<\/th>\nCode HTML<\/th>\n<\/tr>\n
\u00ab\u00a0<\/b><\/td>\n&<\/i>#34;<\/b><\/td>\n&<\/i>quot;<\/b><\/td>\n<\/tr>\n
&<\/i><\/b><\/td>\n&<\/i>#38;<\/b><\/td>\n&<\/i>amp;<\/b><\/td>\n<\/tr>\n
<<\/b><\/td>\n&<\/i>#8249;<\/b><\/td>\n&<\/i>lsaquo;<\/b><\/td>\n<\/tr>\n
><\/b><\/td>\n&<\/i>#8250;<\/b><\/td>\n&<\/i>rsaquo;<\/b><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Notez toutefois que les navigateurs actuels reconnaissent les caract\u00e8res accentu\u00e9s, ainsi vous pouvez entrer des caract\u00e8res accentu\u00e9s directement sous votre \u00e9diteur de texte, mais votre page HTML risque d’\u00eatre illisible depuis l’\u00e9tranger ou \u00e0 partir de certains navigateurs.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

HTML codage caract\u00e8res sp\u00e9ciaux Codage des caract\u00e8res sp\u00e9ciaux Le standard\u00a0HTML\u00a0demande de respecter le codage des caract\u00e8res\u00a0ASCII\u00a07 bits, c’est-\u00e0-dire que les caract\u00e8res accentu\u00e9s ne sont pas autoris\u00e9s. Il faut pour cela utiliser un codage particulier. Pour coder un caract\u00e8re accentu\u00e9, il suffit de saisir une combinaison pr\u00e9c\u00e9d\u00e9e du caract\u00e8re &\u00a0et termin\u00e9e par un point-virgule (;). Voici … <\/p>\n

Continuer la lecture de « HTML codage caract\u00e8res sp\u00e9ciaux »<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/posts\/284"}],"collection":[{"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":1,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/posts\/284\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/media?parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/categories?post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.igatamus.com\/bgc\/wp-json\/wp\/v2\/tags?post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}