Professional Documents
Culture Documents
@emalca
www.iluminatic.com
Qu es HTML5?
Elementos nuevos
Web Semntica
APIs de desarrollo
Retrocompatible
Qu es HTML5?
Trabaja sobre
Firefox 3.5+
Chrome 3.0+
Safari 3.1+
Opera 10.5+
IE 9.0+ dicen
http://html5test.com/
iPhone
iPod Touch
iPad
Android OS
Tipo de Documento
Tipo de Documento
<!DOCTYPE html>
Estructura Semntica
Antes
Ahora
Elementos Semnticos
<header> El elemento header debe utilizarse para marcar la cabecera
<nav> El elemento nav representa una parte de una pgina que enlaza
Elementos Semnticos
<section> El elemento section representa un documento genrico o de
Elementos Semnticos
<aside> El elemento aside representa una nota, un consejo, una
Distribucin Semntica
SECTION
HEADER
ARTICLE
NAV
FIGURE
ARTICLE
NAV
VIDEO
FIGURE
HEADER
ASIDE
FOOTER
SECTION
Controles de Formularios
Telephone
Url
Password
Datetime
Date
Month
Week
Number
Range
Color
Controles Editables
Audio y Video
Atributos de <video>
Formato de <video>
http://www.html5video.org/kaltura-html5/
http://sublimevideo.net/
@emalca
www.iluminatic.com