Sé que no es palabra nueva pero no había hablado ni investigado mucho sobre este nuevo lenguaje o mejor dicho sobre esta nueva versión del conocido lenguaje HTML. Ahora quiero armar un post considerablemente completo donde esté toda al información necesaria para empezar a familiarizarnos con el HTML5. Y Tengo que empezar forzosamente por saber…

¿Qué es HTML5?

En Desarrolloweb hay un artículo muy completo que no solo nos explica muy bien Qué es html5 sino que nos dá muchos más detalles.

Dice que “…HTML 5 no se limita sólo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente, sino que va mucho más allá.

Así pues, HTML 5 es una nueva versión de diversas especificaciones, entre las que se encuentran:

• HTML 4
• XHTML 1
• DOM Nivel 2 (DOM = Document Objetc Model)

A la par, HTML 5 pretende proporcionar una plataforma con la que desarrollar aplicaciones web más parecidas a las aplicaciones de escritorio, donde su ejecución dentro de un navegador no implique falta de recursos o facilidades para resolver las necesidades reales de los desarrolladores. Para ello se están creando unas APIs que permitan trabajar con cualquiera de los elementos de la página y realizar acciones que hasta hoy era necesario realizar por medio de tecnologías accesorias.

Estas API, que tendrán que ser implementadas por los distintos navegadores del mercado, se están documentando con minuciosidad, para que todos los Browsers, creados por cualquier compañía las soporten tal cual se han diseñado. Esto se hace con la intención que no ocurra lo que viene sucediendo en el pasado, que cada navegador hace la guerra por su parte y los que acaban pagándolo son los desarrolladores y a la postre los usuarios, que tienen muchas posibilidades de acceder a webs que no son compatibles con su navegador preferido…”

En Bitelia hay datos más interesantes todavía sobre Html5. Por un lado han hecho una prueba en los 5 navegadores más utilizados (y en varias versiones de ellos) y los han puntuado según el soporte del navegador al lenguaje HTML5 y la tabla quedó así:

Ahora bien, que diferencia hay entre HTML4 y HTML5?

Básicamente la primer diferencia que encontré en varios sitios se resumió en estas imágenes de Bitelia

HTML4:

HTML5:

Pero esto es algo muy resumido, si quieren ver una buena explicación de los cambios más notables les recomiendo que lean este artículo de Anieto2k donde nos explica los cambios en la sintaxis, los nuevos elementos, los nuevos atributos , los elementos que cambian de “función”,  que elementos son eliminados, etc.

Y para una lectura más rápida, la gente de Zonamasters ha creado una tabla comparativa donde podemos ver claramente que soporta html4 o html5,  o ambos.

Si leyeron hasta acá habrán visto por ahí la etiqueta VIDEO. Para aclarar las dudas sobre los códecs que deben usarse para codificar los videos deben leer el artículo de Genbeta donde explican muy bien todo lo referido a esta guerra del video en html5. Nos dan la postura de todos los grandes desde Microsoft y Apple hasta Mozilla, Chrome, Opera e Internet Explorer. Ninguna sorpresa me lleve cuando leí que Google apoya todos los códecs porque le interesa que los usuarios finales no tengan ningún problema al visualizar sus vídeos, independientemente de la plataforma, claro, son dueños de YOUTUBE!.

Bueno, por ahora creo haberme familiarizado bastante con html5 y espero que el que lea este artículo también lo haya hecho. No quiero extenderlo demasiado sino se pone aburrido y pierde interés.

Si saben de inglés todo está básicamente resumido en este slide: