Michel CARRARE - Codages URL et HTML des caractères

Premièrement, le numéro de la première colonne n'est autre que le code ANSI du caractère. Deuxièmement, le tableau ci-dessous n'a évidemment pas été fait à la main. Cela aurait été un tout petit peu répétitif... Un programme Perl a été utilisé. Vous pouvez voir le code Perl qui a permis de générer cette table de conversion. Il y a là l'extrait clef, i.e. le passage qui fait effectivement les transformations.

Table de conversion des caractères

Numéro	Caractère	Codage URL	Codage HTML
0 à 8	Inutilisé	-	-
9	Tabulation	%09
10	Nouvelle ligne	%0A
11 à 12	Inutilisé	-	-
13	Retour chariot	%0D
14 à 31	Inutilisé	-	-
32	Espace	%20
33	!	%21	!
34	"	%22	"
35	#	%23	#
36	$	%24	$
37	%	%25	%
38	&	%26	&
39	'	%27	'
40	(	%28	(
41	)	%29	)
42	*	%2A	*
43	+	%2B	+
44	,	%2C	,
45	-	%2D	-
46	.	%2E	.
47	/	%2F	/
48	0	%30	0
49	1	%31	1
50	2	%32	2
51	3	%33	3
52	4	%34	4
53	5	%35	5
54	6	%36	6
55	7	%37	7
56	8	%38	8
57	9	%39	9
58	:	%3A	:
59	;	%3B	;
60	<	%3C	<
61	=	%3D	=
62	>	%3E	>
63	?	%3F	?
64	@	%40	@
65	A	%41	A
66	B	%42	B
67	C	%43	C
68	D	%44	D
69	E	%45	E
70	F	%46	F
71	G	%47	G
72	H	%48	H
73	I	%49	I
74	J	%4A	J
75	K	%4B	K
76	L	%4C	L
77	M	%4D	M
78	N	%4E	N
79	O	%4F	O
80	P	%50	P
81	Q	%51	Q
82	R	%52	R
83	S	%53	S
84	T	%54	T
85	U	%55	U
86	V	%56	V
87	W	%57	W
88	X	%58	X
89	Y	%59	Y
90	Z	%5A	Z
91	[	%5B	[
92	\	%5C	\
93	]	%5D	]
94	^	%5E	^
95	_	%5F	_
96	`	%60	`
97	a	%61	a
98	b	%62	b
99	c	%63	c
100	d	%64	d
101	e	%65	e
102	f	%66	f
103	g	%67	g
104	h	%68	h
105	i	%69	i
106	j	%6A	j
107	k	%6B	k
108	l	%6C	l
109	m	%6D	m
110	n	%6E	n
111	o	%6F	o
112	p	%70	p
113	q	%71	q
114	r	%72	r
115	s	%73	s
116	t	%74	t
117	u	%75	u
118	v	%76	v
119	w	%77	w
120	x	%78	x
121	y	%79	y
122	z	%7A	z
123	{	%7B	{
124	\|	%7C	\|
125	}	%7D	}
126	~	%7E	~
127 à 159	Inutilisé	-	-
160		%A0
161	¡	%A1	¡
162	¢	%A2	¢
163	£	%A3	£
164	¤	%A4	¤
165	¥	%A5	¥
166	¦	%A6	¦
167	§	%A7	§
168	¨	%A8	¨
169	©	%A9	©
170	ª	%AA	ª
171	«	%AB	«
172	¬	%AC	¬
173		%AD
174	®	%AE	®
175	¯	%AF	¯
176	°	%B0	°
177	±	%B1	±
178	²	%B2	²
179	³	%B3	³
180	´	%B4	´
181	µ	%B5	µ
182	¶	%B6	¶
183	·	%B7	·
184	¸	%B8	¸
185	¹	%B9	¹
186	º	%BA	º
187	»	%BB	»
188	¼	%BC	¼
189	½	%BD	½
190	¾	%BE	¾
191	¿	%BF	¿
192	À	%C0	À
193	Á	%C1	Á
194	Â	%C2	Â
195	Ã	%C3	Ã
196	Ä	%C4	Ä
197	Å	%C5	Å
198	Æ	%C6	Æ
199	Ç	%C7	Ç
200	È	%C8	È
201	É	%C9	É
202	Ê	%CA	Ê
203	Ë	%CB	Ë
204	Ì	%CC	Ì
205	Í	%CD	Í
206	Î	%CE	Î
207	Ï	%CF	Ï
208	Ð	%D0	Ð
209	Ñ	%D1	Ñ
210	Ò	%D2	Ò
211	Ó	%D3	Ó
212	Ô	%D4	Ô
213	Õ	%D5	Õ
214	Ö	%D6	Ö
215	×	%D7	×
216	Ø	%D8	Ø
217	Ù	%D9	Ù
218	Ú	%DA	Ú
219	Û	%DB	Û
220	Ü	%DC	Ü
221	Ý	%DD	Ý
222	Þ	%DE	Þ
223	ß	%DF	ß
224	à	%E0	à
225	á	%E1	á
226	â	%E2	â
227	ã	%E3	ã
228	ä	%E4	ä
229	å	%E5	å
230	æ	%E6	æ
231	ç	%E7	ç
232	è	%E8	è
233	é	%E9	é
234	ê	%EA	ê
235	ë	%EB	ë
236	ì	%EC	ì
237	í	%ED	í
238	î	%EE	î
239	ï	%EF	ï
240	ð	%F0	ð
241	ñ	%F1	ñ
242	ò	%F2	ò
243	ó	%F3	ó
244	ô	%F4	ô
245	õ	%F5	õ
246	ö	%F6	ö
247	÷	%F7	÷
248	ø	%F8	ø
249	ù	%F9	ù
250	ú	%FA	ú
251	û	%FB	û
252	ü	%FC	ü
253	ý	%FD	ý
254	þ	%FE	þ
255	ÿ	%FF	ÿ

Génération automatique du tableau

Voici l'extrait de code Perl du programme qui a permis de générer la table de conversion du haut de la page. La variable $i contient le numéro du caractère. Une boucle for permet de parcourir toutes les valeurs de 32 à 255 (255 inclus). $j contient le code HTML dudit caractère afin de l'afficher dans le tableau. $k contient le code URL qui n'est autre que la valeur hexadécimale du numéro, précédée du symbole % (la présence des trois % s'explique par le fait que le troisième, avec le 02X qui suit, donne le format, alors que les deux premiers sont là pour qu'un seul % soit effectivement affiché). Enfin, $l contient le codage HTML, lui-même codé en HTML de sorte qu'il apparaisse tel quel à l'écran, et non comme $j sous la forme du caractère pour lequel il code. Pour bien comprendre cela, comparez les deux expressions &#%d; et &#%d;. Vous voyez que le & de la première se retrouve dans la seconde sous la forme &, qui est justement le code HTML du &. Si l'on ne faisait pas cela, le navigateur n'afficherait pas l'expression &#%d;, mais l'interprèterait comme un caractère. Pas très clair ? Posez une question.

for ($i=32; $i<256; $i++) {              # Numéro
    $j = sprintf("&#%d;", $i);           # Caractère
    $k = sprintf("%%%02X", $i);          # Codage URL
    $l = sprintf("&amp;#%d;", $i);       # Codage HTML
    print << "EOT";
        <tr>
            <td align="center">$i</td>
            <td align="center">$j</td>
            <td align="center">$k</td>
            <td align="center">$l</td>
        </tr>
EOT
}

Pour conclure

Histoire d'en remettre une couche, allez donc jetter un œil sur la source de cette page. Vous allez voir que pour pouvoir afficher tous ce code, il fallait encore une fois l'encoder en HTML ! Rassurez-vous, si vous ne parlez pas HTML couramment, il existe un nombre impressionnant de logiciels qui convertissent automatiquement lorsque vous tapez du texte. Retour en haut de la page.


© 2005 Michel Carrare