HTM

L Introducción al desarrollo web http://idesweb.es/

HTML: juego de caracteres

Sergio Luján Mora

Departamento de Lenguajes y Sistemas Informáticos

Universidad de Alicante (España)

IDW-HTML-JC-01

HTM

L Introducción al desarrollo web http://idesweb.es/

Contacto • http://gplsi.dlsi.ua.es/~slujan/

• http://accesibilidadenlaweb.blogspot.com.es/

• http://accesibilidadweb.dlsi.ua.es/

• http://desarrolloweb.dlsi.ua.es/

• http://www.youtube.com/user/sergiolujanmora

• sergio.lujan@ua.es

• @sergiolujanmora

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Extraído de un extracto bancario de una entidad de “prestigio”

Extraído de un parte de trabajo de una marca de automóviles de “prestigio”

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Juego de caracteres

HTM

L Introducción al desarrollo web http://idesweb.es/

UTF-8 Unicode

ISO-8859-1

Latin-1 Cotejamiento

ASCII

UTF-8 sin BOM

Mapa de caracteres

ANSI

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Siglo III a.C.

Matemático hindú Pingala

HTM

L Introducción al desarrollo web http://idesweb.es/

Siglo XVII

Leibniz

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

No seas pesado, no me cuentes historias, tú sólo dame la solución, el consejo, el “tip”, …

HTM

L Introducción al desarrollo web http://idesweb.es/

Utiliza siempre el mismo juego de caracteres

HTM

L Introducción al desarrollo web http://idesweb.es/

HTML

CSS JS

PHP

TXT

BD

SERVICIO WEB

HTM

L Introducción al desarrollo web http://idesweb.es/

HTML

CSS JS

PHP

TXT

BD

SERVICIO WEB

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

¿Qué juego de caracteres debo usar?

HTM

L Introducción al desarrollo web http://idesweb.es/

UTF-8 sin BOM

HTM

L Introducción al desarrollo web http://idesweb.es/

ISO-8859-1 Latin1

HTM

L Introducción al desarrollo web http://idesweb.es/

€

HTM

L Introducción al desarrollo web http://idesweb.es/

ISO-8859-15 Latin9

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

¿Cómo indico el juego de caracteres?

HTM

L Introducción al desarrollo web http://idesweb.es/

<meta>

HTM

L Introducción al desarrollo web http://idesweb.es/

HTML 4 XHTML 1

HTM

L Introducción al desarrollo web http://idesweb.es/

HTML 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

HTM

L Introducción al desarrollo web http://idesweb.es/

XHTML 1

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>

<?xml version="1.0" encoding="ISO-8859-1"?>

HTM

L Introducción al desarrollo web http://idesweb.es/

<meta charset="utf-8">

<meta charset="utf-8" />

HTM

L Introducción al desarrollo web http://idesweb.es/

HTM

L Introducción al desarrollo web http://idesweb.es/

Utiliza siempre el mismo juego de caracteres

HTM

L Introducción al desarrollo web http://idesweb.es/

UTF-8 sin BOM

HTM

L Introducción al desarrollo web http://idesweb.es/

http://idesweb.es/

idw@idesweb.es @idesweb

HTM

L Introducción al desarrollo web http://idesweb.es/

Créditos de las imágenes y fotografías http://www.sxc.hu/photo/1222867

http://www.sxc.hu/photo/1186837

http://www.sxc.hu/photo/1213465

http://www.sxc.hu/photo/288950

http://commons.wikimedia.org/wiki/File:Leibniz_binary_system_1703.png

http://en.wikipedia.org/wiki/File:International_Morse_Code.svg

http://en.wikipedia.org/wiki/File:Blue-punch-card-front-horiz.png

http://en.wikipedia.org/wiki/File:ASCII_Code_Chart-Quick_ref_card.png

http://www.cs.tut.fi/~jkorpela/latin9.html

http://www.w3.org/html/logo/