Codificación HTML (conjuntos de caracteres)

Redes sociales

Los navegadores web deben saber qué Codificación HTML (conjuntos de caracteres) usar, para que tus páginas web se puedan mostrar correctamente.

Codificación HTML (conjuntos de caracteres)

¿Qué es la codificación de caracteres?

La necesidad de codificación de caracteres surge de la gran cantidad de caracteres disponibles hoy en día. Además de las letras y números que utilizamos habitualmente, también existen alfabetos extranjeros, símbolos matemáticos y otros caracteres especiales.

Con el paso del tiempo, han ido surgiendo diferentes codificaciones para representar todo estos símbolos.

Por consiguiente, el mismo documento interpretado por diferentes codificaciones HTML puede mostrarse de manera diferente.

Un texto interpretado incorrectamente conduce a una variedad de problemas:

  • Los usuarios no pueden leer el texto correctamente
  • Los motores de búsqueda no pueden encontrar los datos.
  • Las máquinas no pueden procesar la información.

Todos los caracteres disponibles se agrupan en conjuntos específicos (también llamados charsets para abreviar).

Codificaciones de caracteres más usuales

ASCII (American Standard Code for Information Interchange) fue la primer codificación estándar de caracteres. ASCII definió 128 caracteres alfanuméricos diferentes que podrían usarse en Internet. Lo componían: los números (0-9), la letras mayúsculas y minísculas del abecedario inglés (A-Z) y algunos caracteres especiales como! $ + – () @ <>.

ISO-8859-1 era el conjunto de caracteres predeterminado para HTML 4. Esta codificación de caracteres admitía 256 códigos de caracteres diferentes.

ANSI (Windows-1252) fue el conjunto de caracteres original de Windows. ANSI es idéntico al ISO-8859-1, excepto que ANSI tiene 32 caracteres adicionales.

Como ANSI e ISO-8859-1 estaban limitados a los caracters latinos, HTML 4 también era compatible con UTF-8.

UTF-8 (Unicode) cubre casi todos los caracteres y símbolos del mundo.

El conjunto de caracteres predeterminado para HTML5 es UTF-8.

Atributo HTML para codificación de caracteres

Para que los navegadores, puedas mostrar tus páginas HTML correctamente, éstos deben conocer el conjunto o codificación de caracteres usados en la páginas. Para ello debes de utilizar la etiqueta <meta>

<meta charset="UTF-8">
<meta charset="UTF-8">

Diferencias entre los diferentes conjuntos de caracteres

Código

ASCII

ANSI

8859

UTF-8

Description

32

Espacio

33

!

!

!

!

Cerrar exclamación

34

"

"

"

"

Comillas

35

#

#

#

#

Símbolo numeración

36

$

$

$

$

Dólar

37

%

%

%

%

Porcentaje

38

&

&

&

&

Ampersand

39

Apóstrofe

40

(

(

(

(

Paréntesis izquierdo

41

)

)

)

)

Paréntesis derecho.

42

*

*

*

*

Asterisco

43

+

+

+

+

Signo más

44

,

,

,

,

Coma

45

Guion – Signo menos

46

.

.

.

.

Punto

47

/

/

/

/

Signo división

48

0

0

0

0

Número cero

49

1

1

1

1

Número uno

50

2

2

2

2

Número dos

51

3

3

3

3

Número tres

52

4

4

4

4

Número cuatro

53

5

5

5

5

Número cinco

54

6

6

6

6

Número seis

55

7

7

7

7

Número siete

56

8

8

8

8

Número ocho

57

9

9

9

9

Número nueve

58

:

:

:

:

Dos pintos

59

;

;

;

;

Punto y coma

60

Menos que

61

=

=

=

=

Igual

62

Mayor qué

63

?

?

?

?

Cerrar interrogación

64

@

@

@

@

‘a’ comercial

65

A

A

A

A

Letra mayúscula A

66

B

B

B

B

Letra mayúscula B

67

C

C

C

C

Letra mayúscula C

68

D

D

D

D

Letra mayúscula D

69

E

E

E

E

Letra mayúscula E

70

F

F

F

F

Letra mayúscula F

71

G

G

G

G

Letra mayúscula G

72

H

H

H

H

Letra mayúscula H

73

I

I

I

I

Letra mayúscula I

74

J

J

J

J

Letra mayúscula J

75

K

K

K

K

Letra mayúscula K

76

L

L

L

L

Letra mayúscula L

77

M

M

M

M

Letra mayúscula M

78

N

N

N

N

Letra mayúscula N

79

O

O

O

O

Letra mayúscula O

80

P

P

P

P

Letra mayúscula P

81

Q

Q

Q

Q

Letra mayúscula Q

82

R

R

R

R

Letra mayúscula R

83

S

S

S

S

Letra mayúscula S

84

T

T

T

T

Letra mayúscula T

85

U

U

U

U

Letra mayúscula U

86

V

V

V

V

Letra mayúscula V

87

W

W

W

W

Letra mayúscula W

88

X

X

X

X

Letra mayúscula X

89

Y

Y

Y

Y

Letra mayúscula Y

90

Z

Z

Z

Z

Letra mayúscula Z

91

[

[

[

[

Corchete izquierdo

92

\

\

\

\

Barra inclinada reversa

93

]

]

]

]

Corchete derecho

94

^

^

^

^

Acento circunflejo

95

_

_

_

_

Guion bajo

96

`

`

`

`

Acento grave

97

a

a

a

a

Letra minúscula a

98

b

b

b

b

Letra minúscula b

99

c

c

c

c

Letra minúscula c

100

d

d

d

d

Letra minúscula d

101

e

e

e

e

Letra minúscula e

102

f

f

f

f

Letra minúscula f

103

g

g

g

g

Letra minúscula g

104

h

h

h

h

Letra minúscula h

105

i

i

i

i

Letra minúscula i

106

j

j

j

j

Letra minúscula j

107

k

k

k

k

Letra minúscula k

108

l

l

l

l

Letra minúscula l

109

m

m

m

m

Letra minúscula m

110

n

n

n

n

Letra minúscula n

111

o

o

o

o

Letra minúscula o

112

p

p

p

p

Letra minúscula p

113

q

q

q

q

Letra minúscula q

114

r

r

r

r

Letra minúscula r

115

s

s

s

s

Letra minúscula s

116

t

t

t

t

Letra minúscula t

117

u

u

u

u

Letra minúscula u

118

v

v

v

v

Letra minúscula v

119

w

w

w

w

Letra minúscula w

120

x

x

x

x

Letra minúscula x

121

y

y

y

y

Letra minúscula y

122

z

z

z

z

Letra minúscula z

123

{

{

{

{

Llave izquierda

124

|

|

|

|

Línea vertical

125

}

}

}

}

Llave derecha

126

~

~

~

~

Tilde

127

DEL

 

 

 

 

128

 

 

 

Símbolo Euro

129

 







NO USADO

130

 

 

 

Comilla baja simple

131

 

ƒ

 

 

f minúscula con hook

132

 

 

 

Comilla baja doble

133

 

 

 

Puntos suspensivos

134

 

 

 

Daga

135

 

 

 

Doble daga

136

 

ˆ

 

 

Acento circunflejo

137

 

 

 

Símbolo por mil

138

 

Š

 

 

Letra S mayúscula con caron

139

 

 

 

Ángulo izquierdo comilla simple

140

 

Œ

 

 

Ligadura OE mayúscula

141

 







NO USADO

142

 

Ž

 

 

Z mayúscula con caron

143

 







NO USADO

144

 







NO USADO

145

 

 

 

Comilla simple izquierda

146

 

 

 

Comilla simple derecha

147

 

 

 

Comilla doble izquierda

148

 

 

 

Comilla doble derecha

149

 

 

 

Bullet

150

 

 

 

Guión medio (en dash)

151

 

 

 

Guión largo (em dash)

152

 

˜

 

 

Tilde

153

 

 

 

Símbolo ‘marca registrada’

154

 

š

 

 

s minúscula con caron

155

 

 

 

Ángulo derecho comilla simple

156

 

œ

 

 

Ligadura oe minúscula

157

 







NO USADO

158

 

ž

 

 

Letra z minúscula con caron

159

 

Ÿ

 

 

Y mayúscula con dieresis

160

 

 

 

 

Espacio de no ruptura

161

 

¡

¡

¡

Abrir exclamación

162

 

¢

¢

¢

Centavo

163

 

£

£

£

Libra

164

 

¤

¤

¤

Símbolo de moneda

165

 

¥

¥

¥

Yen

166

 

¦

¦

¦

Barra vertical discontinua

167

 

§

§

§

Símbolo de sección

168

 

¨

¨

¨

Diéresis

169

 

©

©

©

Copyright

170

 

ª

ª

ª

Indicador ordinal femenino

171

 

«

«

«

Ángulo izquierdo comilla doble

172

 

¬

¬

¬

Sin digno

173

 

­

­

­

Guion discrecional

174

 

®

®

®

Símbolo ‘registrado’

175

 

¯

¯

¯

Macrón

176

 

°

°

°

Símbolo ‘grados’

177

 

±

±

±

Más-menos

178

 

²

²

²

Subíndice 2

179

 

³

³

³

Subíndice 3

180

 

´

´

´

Acento agudo

181

 

µ

µ

µ

Símbolo ‘micro’

182

 

Marca de párrafo

183

 

·

·

·

Punto medio

184

 

¸

¸

¸

cedilla

185

 

¹

¹

¹

Subíndice 1

186

 

º

º

º

Indicador ordinal masculino

187

 

»

»

»

Ángulo derecho comilla doble

188

 

¼

¼

¼

Fracción un cuarto

189

 

½

½

½

Fracción un medio

190

 

¾

¾

¾

Fracción tres cuartos

191

 

¿

¿

¿

Abrir interrogación

192

 

À

À

À

Letra A mayúscula con acento grave

193

 

Á

Á

Á

Letra A mayúscula con acento agudo

194

 

Â

Â

Â

Letra A mayúscula con acento circunflejo

195

 

Ã

Ã

Ã

Letra A mayúscula con tilde

196

 

Ä

Ä

Ä

Letra A mayúscula con diéresis

197

 

Å

Å

Å

Letra A mayúscula con anillo

198

 

Æ

Æ

Æ

Letra AE mayúscula

199

 

Ç

Ç

Ç

Letra C mayúscula con cedilla

200

 

È

È

È

Letra E mayúscula con acento grave

201

 

É

É

É

Letra E mayúscula con acento agudo

202

 

Ê

Ê

Ê

Letra E mayúscula con acento circunflejo

203

 

Ë

Ë

Ë

Letra E mayúscula con acento diéresis

204

 

Ì

Ì

Ì

Letra I mayúscula con acento grave

205

 

Í

Í

Í

Letra I mayúscula con acento agudo

206

 

Î

Î

Î

Letra I mayúscula con acento circunflejo

207

 

Ï

Ï

Ï

Letra I mayúscula con diéresis

208

 

Ð

Ð

Ð

Letra mayúscula ‘Eth

209

 

Ñ

Ñ

Ñ

Letra mayúscula N con tilde

210

 

Ò

Ò

Ò

Letra O mayúscula con acento grave

211

 

Ó

Ó

Ó

Letra O mayúscula con acento agudo

212

 

Ô

Ô

Ô

Letra O mayúscula con acento circunflejo

213

 

Õ

Õ

Õ

Letra O mayúscula con tilde

214

 

Ö

Ö

Ö

Letra O mayúscula con diéresis

215

 

×

×

×

Símbolo multiplicación

216

 

Ø

Ø

Ø

Letra O mayúscula con trazo

217

 

Ù

Ù

Ù

Letra U mayúscula con acento grave

218

 

Ú

Ú

Ú

Letra U mayúscula con acento agudo

219

 

Û

Û

Û

Letra U mayúscula con acento circunflejo

220

 

Ü

Ü

Ü

Letra U mayúscula con diéresis

221

 

Ý

Ý

Ý

Letra Y mayúscula con acento agudo

222

 

Þ

Þ

Þ

Letra mayúscula Thorn

223

 

ß

ß

ß

Letra minúscula sharp s

224

 

à

à

à

Letra minúscula a con acento grave

225

 

á

á

á

Letra minúscula a con acento agudo

226

 

â

â

â

Letra minúscula a con acento circunflejo

227

 

ã

ã

ã

Letra minúscula a con tilde

228

 

ä

ä

ä

Letra minúscula a con diéresis

229

 

å

å

å

Letra minúscula a con anillo

230

 

æ

æ

æ

Letra minúscula ae

231

 

ç

ç

ç

Letra minúscula c con cedilla

232

 

è

è

è

Letra minúscula e con acento grave

233

 

é

é

é

Letra minúscula e con acento agudo

234

 

ê

ê

ê

Letra minúscula e con acento circunflejo

235

 

ë

ë

ë

Letra minúscula e con diéresis

236

 

ì

ì

ì

Letra minúscula i con acento grave

237

 

í

í

í

Letra minúscula i con acento agudo

238

 

î

î

î

Letra minúscula i con acento circunflejo

239

 

ï

ï

ï

Letra minúscula i con diéresis

240

 

ð

ð

ð

Letra minúscula eth

241

 

ñ

ñ

ñ

Letra minúscula n con tilde

242

 

ò

ò

ò

Letra minúscula o con acento grave

243

 

ó

ó

ó

Letra minúscula o con acento agudo

244

 

ô

ô

ô

Letra minúscula o con acento circunflejo

245

 

õ

õ

õ

Letra minúscula o con tilde

246

 

ö

ö

ö

Letra minúscula o con diéresis

247

 

÷

÷

÷

Signo de división

248

 

ø

ø

ø

Letra minúscula o con trazo

249

 

ù

ù

ù

Letra minúscula u con acento grave

250

 

ú

ú

ú

Letra minúscula u con acento agudo

251

 

û

û

û

Letra minúscula u con acento circunflejo

252

 

ü

ü

ü

Letra minúscula u con diéresis

253

 

ý

ý

ý

Letra minúscula y con acento agudo

254

 

þ

þ

þ

Letra minúscula thorn

255

 

ÿ

ÿ

ÿ

Letra minúscula y con diéresis

El conjunto de caracteres ASCII

  • Usa los códigos del 0 al 31 (y el 127) para los caracteres de control.
  • Utiliza Los códigos del 32 al 126 para letras dígitos y símbolos.
  • No emplea los códigos del 128 al 255.

El conjunto de caracteres ANSI (Windows-1252)

  • Es idéntico a ASCII para los códigos del 0 al 127.
  • Dispone de un conjunto de caracteres propios para los códigos del 128 al 159.
  • Es igual a UTF-8 para los códigos del 160 al 255.

El conjunto de caracteres ISO-8859-1

  • Es idéntico a ASCII para los códigos del 0 al 127.
  • No emplea los códigos del 128 al 159.
  • Es igual a UTF-8 para los códigos del 160 al 255.

El conjunto de caracteres UTF-8

  • Es idéntico a ASCII para los códigos comprendidos entre 0 y 127.
  • No utiliza los códigos del 128 al 159.
  • Es igual a ANSI y 8859-1 para los códigos entre 160 y 255.
  • Continúa desde el valor 256 con más de 10.000 caracteres diferentes.

Redes sociales

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.