HTML: Juego de caracteres - RUA

Introducción al desarrollo web
HTML
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
Introducción al desarrollo web
http://idesweb.es/
HTML
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
[email protected]
@sergiolujanmora
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
Extraído de un parte de trabajo de una marca de automóviles de “prestigio”
Extraído de un extracto bancario de una entidad de “prestigio”
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
Juego de
caracteres
HTML
http://idesweb.es/
Introducción al desarrollo web
http://idesweb.es/
HTML
UTF-8
ASCII
Unicode
UTF-8 sin BOM
ISO-8859-1
ANSI
Latin-1
Cotejamiento
Mapa de caracteres
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
http://idesweb.es/
HTML
Siglo III a.C.
Matemático hindú Pingala
Introducción al desarrollo web
http://idesweb.es/
HTML
Siglo XVII
Leibniz
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
No seas pesado,
no me cuentes historias,
tú sólo dame la solución,
el consejo, el “tip”, …
Introducción al desarrollo web
http://idesweb.es/
HTML
Utiliza siempre
el mismo juego de caracteres
Introducción al desarrollo web
http://idesweb.es/
PHP
HTML
HTML
BD
CSS
JS
TXT
SERVICIO
WEB
Introducción al desarrollo web
http://idesweb.es/
PHP
HTML
HTML
BD
CSS
JS
TXT
SERVICIO
WEB
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
¿Qué juego de caracteres debo usar?
Introducción al desarrollo web
HTML
http://idesweb.es/
UTF-8
sin BOM
Introducción al desarrollo web
HTML
http://idesweb.es/
ISO-8859-1
Latin1
Introducción al desarrollo web
HTML
http://idesweb.es/
€
Introducción al desarrollo web
http://idesweb.es/
HTML
ISO-8859-15
Latin9
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
HTML
http://idesweb.es/
¿Cómo indico el juego de caracteres?
Introducción al desarrollo web
HTML
http://idesweb.es/
<meta>
Introducción al desarrollo web
HTML
http://idesweb.es/
HTML 4
XHTML 1
Introducción al desarrollo web
HTML
http://idesweb.es/
HTML 4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Introducción al desarrollo web
http://idesweb.es/
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<?xml version="1.0" encoding="ISO-8859-1"?>
XHTML 1
Introducción al desarrollo web
HTML
http://idesweb.es/
<meta charset="utf-8">
<meta charset="utf-8" />
Introducción al desarrollo web
HTML
http://idesweb.es/
Introducción al desarrollo web
http://idesweb.es/
HTML
Utiliza siempre
el mismo juego de caracteres
Introducción al desarrollo web
HTML
http://idesweb.es/
UTF-8
sin BOM
Introducción al desarrollo web
http://idesweb.es/
HTML
http://idesweb.es/
[email protected]
@idesweb
Introducción al desarrollo web
http://idesweb.es/
HTML
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/