Guia HTML5

----------------------- Page 1-----------------------

----------------------- Page 2-----------------------

SOBRE LA GUÍA

Guía HTML5

El presente de la web. HTML5, css3 y javascript.

Versión 1 / junio 2011

Nivel: Básico / Intermedio

La guía HTML5 se encuentra en línea en:

http://mlw.io/guia-html5/

Un proyecto de Maestros del Web y Cristalab

Ð Autores: John Freddy Vega, Christian Van Der Henst

Ð Diseño y diagramación: Iván E. Mendoza

Este trabajo se encuentra bajo una licencia Creative Commons

Atribución-NoComercial-CompartirIgual 3.0 Unported (CC BY-NC-SA 3.0)

El logotipo de HTML5 es compartido por W3C bajo licencia Creative Commons por Atribución.

Contacto

@freddier @cvander

Redes sociales

Facebook: http://www.facebook.com/mejorandolaweb

Twitter hashtag: #mlw.io

----------------------- Page 3-----------------------

AUTORES

John Freddy Vega Christian Van Der Henst S.

@freddier @cvander

Líder y fundador de Cristalab, importante comu- Líder y fundador de Maestros del Web, su mayor

nidad de desarrollo web en habla hispana. objetivo es promover el uso de Internet y sus

Certificado Profesional de Adobe. Gestor y tecnologías en todos los aspectos de la vida diaria

conferencista de múltiples eventos alrededor del

mundo relacionados con Internet, el desarrollo Es un nómada digital que viaja por el mundo

web y los negocios en línea. asesorando empresas sobre estrategias y desa-

rrollo de proyectos web mientras cultiva su

Ha sido docente en varias universidades de Lati- pasión por la gastronomía y el mundo del vino.

noamerica. Ha fundado, dirigido y posicionado

múltiples proyectos web de comunidades, redes Ha dado cursos y conferencias sobre desarro-

de contenido, aplicaciones y emprendimientos. llo web, comercio electrónico, marketing en

buscadores y optimización, medios digitales y

Es asesor y consultor de varias empresas de hispa- comunidades virtuales en: Argentina, Bolivia,

noamerica en temas relacionados con Internet y El Salvador, República Dominicana, Guatemala,

nuevas tecnologías. México, Chile, Panamá, Perú, España, Estados

Unidos y Uruguay.

----------------------- Page 4-----------------------

Indice

1 | Sobre la guía ................................................................................................................. 2

2 | Autores .......................................................................................................................... 3

3 | Prólogo .......................................................................................................................... 5

4 | Introducción y las nuevas etiquetas de HTML5 ........................................................ 7

5 | Soporte HTML5 en navegadores viejos ....................................................................13

6 | Nuevas capacidades de Javascript ............................................................................19

7 | Nuevas capacidades de CSS3 ................................................................................... 22

8 | El tag <video> ............................................................................................................ 26

9 | Como arrancar con HTML5 en diez minutos .......................................................... 35

10 | HTML5 en acción .......................................................................................................39

11 | Crea la web ................................................................................................................46

----------------------- Page 5-----------------------

PRÓLOGO

¿Por qué es importante HTML5?

Hace años hablábamos de la Web 2.0. No se inventó nada nuevo y cuando Tim O’reilly acuñó el

término identificó un cambio en el mercado, otro tipo de internet que se adapta al cambio de los tiem-

pos y a muchos nuevos perfiles que habitan en el mundo digital.

Por suerte no fue sólo un cambio de dígitos y el marketing no fue suficiente para que se llenaran la boca

de Web 3.0 o Web semántica. Allí no se identificaba nada y la fórmula no funcionó del todo.

Por eso quiero hablarles de HTML5. La magia de esta unión de tecnologías agrupada en un solo término

no es inventar nada nuevo, sino unir esfuerzos que por primera vez tienen a toda la industria empu-

jando hacia una dirección y que identifican un cambio que ya sucedió en como debemos hacer la web

hoy mismo.

“HTML5 es el presente de la web y si no estás

...