Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Expo Taller HTML5
Expo Taller HTML5
Firefox 3.5+
Chrome 3.0+
Safari 3.1+
Pero siempre es importante hacer
Opera 10.5+ pruebas de validación
IE 9.0+ dicen… http://html5test.com/
iPhone
iPod Touch
iPad
Android OS
Tipo de Documento
Tipo de Documento
<!DOCTYPE html>
Lenguaje del Documento
<html lang="ES">
Codificación del Documento
<meta charset="UTF-8">
Enlaces a CSS, Favicon y RSS
<!DOCTYPE html>
<html lang="ES">
<head>
<title>Este es un ejemplo de HTML5</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="estilo.css">
</head>
<body>
Este es el cuerpo de la página, donde irá todo el
contenido.
</body>
</html>
Estructura Semántica
Antes
Ahora
Elementos Semánticos
<nav> El elemento nav representa una parte de una página que enlaza
a otras páginas o partes dentro de la página. Es una sección con enlaces
de navegación.
No todos los grupos de enlaces en una página deben ser agrupados en
un elemento nav. únicamente las secciones que consisten en bloques de
navegación más importantes son adecuados para el elemento de
navegación.
Elementos Semánticos
HEADER
ASIDE SECTION
FOOTER
Controles de Formularios
Nuevos Controles de Formularios - Input
Telephone
Url
Email
Password
Datetime
Date
Month
Week
Number
Range
Color
Nuevos Controles de Formularios
http://dev.w3.org/html5/spec/
www.whatwg.org/specs/web-apps/current-
work/multipage/
Nuevos Controles de Formularios
Nuevos Controles de Formularios
Controles Editables
Atributos de Controles Editables
CON HTML5
http://www.html5video.org/kaltura-html5/
http://sublimevideo.net/
Que más puedes hacer con HTML5
http://www.thewildernessdowntown.com/
http://www.jolicloud.com/product
http://wordmark.it/
http://www.phoboslab.org/ztype/
http://www.nikebetterworld.com/
http://www.klowdz.com/
http://www.effectgames.com/demos/canvascycle/