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 asimilando lo que está pasando

ya eres parte de la vieja generación de desarrolladores. Eso tendría que

tenerte preocupado.”

Entender HTML5 es entender que hoy nos conectamos desde teléfonos móviles, tabletas, eBooks,

netbooks, computadores y otra gama de dispositivos. Es entender que se acabaron los webmasters

y hoy hablamos de equipos multidiciplinarios de empresas de tecnología que cuentan con frontends,

backends, sysadmins, mobile devs, comunity managers y arquitectos de información en los proyectos

que están reiventando mercados y generando tráfico e ingresos.

Podemos hablar de todas las empresas gigantes de la web, podemos enumerar a Microsoft, Google,

Apple, Adobe, Facebook, Yahoo, Mozilla y miles de proyectos tecnológicos que independientemente de

sus objetivos hoy respiran HTML5, lo apoyan y tienen propuestas que los hacen competir en código en

el navegador más cercano a tu pantalla. Es una de sus más importantes estrategias de posicionamiento

y es una de sus más fuertes apuestas de reclutamiento. Dije además que HTML5 tiene logo de super-

heroe y que venden camisetas para apoyar al movimiento?

----------------------- Page 6-----------------------

Si crees que HTML sigue representando las siglas del Hypertext Markup Language no has entendido

nada. HTML5 es una época maravillosa de la web que tienes el privilegio de estar disfrutando. No es

tecnología, ni es tendencia. Es una época dorada. Disfrutala y embriagate de sus tags.

----------------------- Page 7-----------------------

<

o

n

u

o

l

u

t

í

p

a

c

<

Introducción y las

nuevas etiquetas

de HTML5

----------------------- Page 8-----------------------

8

Capítulo uno

Introducción y las nuevas etiquetas de HTML5

HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5 también es un

termino

...