Desde Enero del 2008, esta nueva generación de HTML esta copando los posts de cada blog o pagina dedicada al diseño.

Muchas dudas se me presentan cada ves que una nueva generación de lenguaje o bien una nueva tecnología web aparece. Es que siempre esta el fantasma de la portabilidad, la compatibilidad cross-browsers y demás.

Nada que el señor Google no pueda solucionar. Por supuesto aquí les muestro lo que en resumen encontré sobre HTML 5, su compatibilidad y beneficios.

Pequeña reseña sobre HTML 5

HTML 5

HTML 5 especifica 2 variantes del mismo lenguaje, el clásico HTML (text/html) variante conocida como HTML5 y una variante XHTML conocida como XHTML5. Este es la primera ves en que HTML y XHTML fueron desarrollados en paralelo.
HTML 5 cambiaría las reglas del juego en cuanto al desarrollo de aplicaciones web, algo que puede dejar obsoleta tecnologías RIA como Adobe Flash, Microsoft Silverlight y JavaFX.

HTML 5 provee un numero de nuevos elementos y atributos que reflejan el uso típico de los websites modernos. Algunos son reemplazos semánticos para los usos comunes de bloques (<div>) y en elemento en linea (<span>), por ejemplo <nav> (bloque de navegación) y <footer>. Otros elementos proveen nuevas funcionalidades a través de una interfaz estandarizada, como por ejemplo <audio> y <video>.

Algunos elementos fueron deprecados del viejo HTML 4.01, incluyendo elemento puramente representativos, como por ejemplo <font> y <center>, estos efectos pueden ser cumplidos por CSS. Además hay un renovado énfasis en la importancia del DOM scripting en el comportamiento web.

La sintaxis en SGML (Standard Generalized Markup Language) apesar de que se parecen bastante. Fue, sin embargo, diseñado para tener compatibilidad regresiva con el “parsing” común de las versiones viejas de HTML.

Un browser HTML5 (text/html) compatible será flexible manejando sintaxis incorrecto, en contraste con la variante XHTML de HTML 5 (XHTML5), donde estos errores no deben ser ignorados. HTML5 fue diseñado para que los viejo browsers HTML 4 pueden tranquilamente ignorar la construcción HTML 5. En contraste con HTML 4, la especificación HTML 5 da reglas detalladas sobre el lexico y el parsing,

con la intención de que diferentes browsers adaptables produzcan el mismo resultado en el caso de sintaxis incorrecta.

Fuente: http://en.wikipedia.org/wiki/HTML_5

XHTML murió, larga vida al HTML 5!

De acuerdo a comunicados de la W3C, el Grupo de Trabajo de XHTML 2 dejara de trabajar a finales del 2009 y W3C planea incrementar los recursos para HTML 5.

Dice la noticia:

El Grupo de trabajo de XHTML 2 espera dejar de trabajar a finales del 2009, W3C incrementara los recursos sobre HTML5
2009-07-02: El director anuncio hoy que cuando el XHTML 2 Working Group expire como fue agendado para el final del 2009, este no será renovado. Haciendo esto, e incrementando los recursos en el grupo de trabajo, W3C espera acelerar el progreso del HTML 5 y aclararla posición de W3C respecto el futuro de HTML[...] (Permalink)

Algunas otras opiniones, no son tan optimistas. Como por ejemplo este post que dice asegurar que HTML 5 no estará listo sino hasta el 2022:

http://www.webmonkey.com/blog/HTML_5_Won_t_Be_Ready_Until_2022DOT_Yes__2022DOT

Basados en lo que Ian Hickson, editor de las especificaciones HTML 5, dijo en este otro blog:

http://blogs.techrepublic.com.com/programming-and-development/?p=718

Incluso, hasta hay una pagina donde te responden si HTML 5 esta listo ya: http://ishtml5readyyet.com/

Otros dicen que ya podes usar HTML 5: http://www.sitepoint.com/article/html-5-snapshot-2009/

Incluso hay un par de demos para ver y probar: http://html5demos.com/

Creo que sin duda el primer obstáculo a sortear es el del cross-browsing, pero solo que los desarrolladores de browsers adapten rápido sus productos sino que también los usuarios actualicen sus navegadores. Como sabemos, esto ultimo es aun mas difícil de lograr.

Como saber si estamos listos?

Como siempre, hay gente mas que despierta en estos temas y llevan el estandarte en solucionar problemas y sacarnos dudas.

HTML5 puede darnos muchas ventajas, pero hay que tener en cuenta muchos puntos, algunos mencionados anteriormente. Por ejemplo, el Cross-browsing.

Para saber si lo que estamos programando funcionara en todos los exploradores, podemos usar este atajo, y no trabajar en vano en algo que solo vos podrás ver:

When Can I Use

http://a.deveria.com/caniuse/

Lo que hace es mostrarte una tabla con el elemento y su compatibilidad.

Además podemos encontrar mas especificaciones de que esta o no soportado por los browsers actuales en estos links:

Layout Engines

La versión inglesa de Wikipedia contiene una comparación por “layout engine” – la maquina de render que usa cada browser. La tabla muestra Trident, Gecko, Webkit y Presto, las maquinas de Internet Explorer, Firefox/Mozilla, Safari/Chrome y Opera. Estos están agrupados por Web Forms 2.0 y Web Applications 1.0 (elementos, atributos, …)

Browser Support

wiki.whatwg.org/wiki/Implementations_in_Web_browsers

Una lista no ordenada pero con links a las especificaciones.

Romain Gaucher Browser Support

rgaucher.info / pub / whatwg_html5_implementations.html

Romain Gaucher hizo una reseña con todas las secciones de WHATWG. Pero por el momento esta algo incompleta.

Ganar tiempo

No esta de mas ganar algo de tiempo y ponerse a la vanguardia estudiando desde ya este nuevo estandart. Por eso pego algo que he ido encontrando sobre HTML 5 y que desde ya nos ayudara a comprender todo lo que rodea al estandart.

Cheat sheet:

• preview (.gif, 1017×836px)
• download the pdf (76 Kb)

Blog del Doctor Html5:

• http://html5doctor.com/