Manual De Referencia Html5

2.- Introducción 4
3.- Que es HTML5 4
4.-¿Por qué usar HTML5? 4
5.- ¿Cómo utilizar HTML5? 5
6.- Librerias 5
7.- Canvas 6
8. – Ejemplo Canvas 7

2.- Introducción

El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación “básico” de la World Wide Web, el HTML.
Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo problemascon los que los desarrolladores web se encuentran, así como rediseñar el código actualizandolo a nuevas necesidades que demanda la web de hoy en día.

HTML5 mejora la interoperabilidad y reduce los costes de desarrollo, mediante reglas precisas sobre cómo manejar todos los elementos HTML, y cómo recuperarse de los errores.

Algunas de las nuevas características de HTML5 son funciones paraintegrar audio, vídeo, documentos gráficos, del lado del cliente y almacenamiento de datos interactivos. HTML5 también contiene nuevos elementos como <nav>, <header>, <footer> y <figure>.

El grupo de trabajo de HTML5 incluye AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, y muchos cientos de otros proveedores.

HTML5 añade funciones especiales que sólo puedenser interpretadas por navegadores modernos como Chrome 13, Firefox 6 o Internet Explorer 8.

3.- Que es HTML5

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella desarrollado entre otros por Ian Hickson de Google Inc. y David Hyattde Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group..

4.-¿Por qué usar HTML5?

HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.

Esta nueva versión se basó en el diseño más común de las páginasweb alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente, he aquí algunos ejemplos:
Un nuevo diseño para páginas web, reflejado en las etiquetas <header>,<footer>, <nav>,<section>,<article> las cuales están destinadas a remplazar la necesidad de tener una <div> para cada parte de la página,y en cambio, tener etiquetas específicas para ello.
La nueva etiqueta <video> para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta <embed> y evitándonos la pena de insertar el código de <object>, así como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior.
Una etiqueta <canvas> para manejo de gráficos en internet, sea para dibujar vectores o hacer animaciones.

5.- ¿Cómo utilizar HTML5?

Basta con volver a definir nuestras primeras líneas de un archivo HTML para comenzar ausar la nueva versión. De la siguiente manera:

6.- Librerias

Modernizr es una librería Javascript que nos va a ayudar con la detección del soporte de capacidades HTML5y CSS3 de un navegador. Si vamos a utilizar HTML5 o CSS3 en nuestra página web, Modernizr nos va a indicar cuales de los elementos o funcionalidades de estos lenguajes están disponibles en el navegador web que está cargandonuestra página.

Buzz. Una librería Javascript pequeña pero poderosa que te permite aprovechar fácilmente el elemento HTML5 de audio.

Mercury Editor. Un completo editor con funciones de HTML 5. Fue construido desde cero para ayudar a obtener el máximo provecho de la edición de contenido en los navegadores modernos.

Response JS. Es un plugin de jQuery ligero que ofrece a los diseñadores web...