HTML5 vs FLASH. ¿Cuál usar en su diseño Web?

HTML5 vs FLASH: ¿Cuál usar en su diseño Web?

Imagen tomada de Extensiondoscero.com

En este artículo revisaremos los temas de ¿Qué es HTML5?, comparación entre HTML5 y FLASH y concluiremos con cual tecnología utilizar en nuestros sitios Web. Si usted no es ingenier@, no se preocupe ya que este artículo está dirigido a personas no técnicas en sistemas.

Para iniciar quiero informarles que el pasado 9 de noviembre de 2011 Adobe publicó un artículo en su blog donde anunció que no seguirán desarrollando el Flash para móviles y que empezarán a contribuir con la tecnología al HTML5.

1. ¿Qué es el HTML5?

Es frecuente escuchar que el HTML5 es la tecnología futura para creación de sitios Web usables y estéticamente agradables.

HTML son la iniciales de las palabras en inglés (HyperText Markup Language) y es un lenguaje para crear páginas Web estándar creado por la W3C.

HTML5 es la última versión del HTML que en realidad es una familia de tecnologías:

  • HTML: es el lenguaje de modelado semántico que permite modelar la información.
  • JavaScript: es el lenguaje de programación que permite agregar interactividad.
  • CSS: es el lenguaje que le da estilos al diseño gráfico de HTML que permite agregarle estética y capacidad visual.

Es importante anotar que aunque el HTML5 ya está siendo muy utilizado en el mundo, aunque todavía se encuentra en modo experimental en la W3C.

Una de las principales novedades del HTML5 es el Canvas. El Canvas permite dibujar en la página todo tipo de formas mediante un API para JavaScript, que permite animar y lograr interacción del usuario, por lo que permitiría reemplazar al Flash.

Le dejo un corto pero claro video del profesor Sergio Luján Mora que define el HTML5:

Para los que estén interesados en aprender HTML5 les recomiendo la siguiente guía en español: Guía de HTML5: aprende desde cero el nuevo lenguaje en la Web.

2. Comparación de HTML5 y FLASH

Revisaremos varios aspectos para realizar esta comparación:

  • Potencia: En cuanto a la potencia actual para la animación 2D, se pueden hacer las mismas cosas con HTML5 y Flash. En cuanto a animación 3D es superior en el Flash que el HTML5, sin embargo a mediano plazo se prevé que el HTML5 tendrá la misma potencia del Flash.
  • SEO: Los sitios realizados completamente en Flash tienen limitaciones significativas para posicionarse en motores de búsqueda ya que el buscador no es capaz de leer su contenido, en cambio los sitios realizados en HTML5 tienen buen posicionamiento en buscadores ya que es entendido completamente por los buscadores.
  • Móviles: Flash no se ve en algunos dispositivos móviles y el HTML5 sí, siempre y cuando se cuente con un navegador actualizado.
  • Flash player: ya no se realizarán para dispositivos móviles, pero si se continuará haciendo para computadores de escritorio.
  • Grandes empresas: están de lado de HTML5 y están dejando de lado a Flash, incluido Google Chrome, Firefox, Safari y Adobe.
  • Documentación: la documentación para HTML5 y Canvas no es tan extensa como la documentación de ActionScript 3. Esta diferencia se irá reduciendo con el tiempo.
  • Compatibilidad: HTML5 no funciona en navegadores viejos.

 3. ¿Cuál debe utilizar?

Si va a iniciar un sitio web que tiene elementos de animación importantes recomiendo utilizar HTML5 ya que hacerlo en Flash le dará una vida útil menor.

Si tiene un sitio Web que ya es rico en utilidades Flash le recomiendo que haga un plan de migración de dichas aplicaciones a HTML5.

Para reflexionar:

Les  dejo con una pregunta para conocer su opinión:

¿Considera que debe utilizar HTML5 o FLASH en sus diseños Web y por qué?

Los invito a dejar su opinión sobre este artículo o realizar preguntas que con gusto las responderé.