HTML5 es la quinta versión del lenguaje básico de programación web HTML, pero ¿qué es HTML? Bien, tratare de explicarlo lo más claro posible para aquellos que no tengan muchos conocimientos de programación. Las siglas HTML significan HyperText Markup Language (lenguaje de marcado de hipertexto) y es el lenguaje que domina en las páginas web, pues es el que define toda su estructura, esquema, forma y hasta recursos externos (como imágenes, videos, audio, etc.), es decir, es la base de las páginas web y su sostén, no es posible tener una página web sin HTML, sin embargo no pretendo profundizar mucho en su definición sino que voy directo al HTML5.
Muchas personas aún no se dan cuenta de la “revolución” que puede armar HTML5 con todo lo que ofrece, es muy probable que el tiempo antes de HTML5 sea inimaginable en un futuro, pues ofrece desde pequeños detalles simples (formularios básicos) hasta cosas más complejas como Offline Web (también llamado Base de datos fuera de línea).
HTML5 ofrece objetos y funciones que permiten aumentar de manera drástica la compatibilidad en general, esto permite una mayor / mejor navegación tanto desde la PC como desde dispositivos móviles que como sabemos, ira aumentando su demanda con el paso del tiempo.
Algunos de los cambios más notables de HTML en su quinta versión incluyen los objetos:
Estructura: Nuevas etiquetas de estructura se han definido (header, footer, nav, etc.) esto nos permite mejorar la forma como controlamos nuestras web, con tags definidos a este nivel podemos tener un mejor control del contenido, saber específicamente donde tenemos el menú de navegación (nav) o la cabecera o el pie de página, esto (si se sabe aprovechar) aumenta el dinamismo en la página, lo cual se refleja como scripts más rápidos.
Canvas: Nos permite generar gráficos estadísticos, gráficos 3D, dibujos y casi cualquier otro tipo de representación gráfica, todo esto sin tener que instalar ningún tipo de plugin, programa ni similar, solo basta con una versión actualizada de nuestro navegador de internet.
Audio y Video: La mayoría de las páginas que ofrecen audio o video dependen del plugin Adobe Flash, pues fue (hasta la salida del HTML5) casi el único recurso capaz de realizar el proceso de Streaming, que no es más que lo que nos permite ver videos o escuchar nuestras canciones online, sin tener que descargarlas, solo manejamos un reproductor. Hay otras alternativas como Windows Media Player, QuickTime y otros, sin embargo, HTML5 ofrece de manera nativa una forma de reproducir estos contenidos sin necesidad de ninguna instalación adicional, ningún software ni nada, permitiendo esto mostrar videos de baja o alta calidad sin necesidad de hacer nada más que entrar a la página web que deseamos.
Geolocation: Creo que una de las características más sorprendentes que tiene el HTML5 es esta, pues permite ubicar la posición de un usuario en base a información GPS o al Access Point Wi-Fi que provee la conexión a internet, es decir, en lugar de tratar de ubicarme con mi dirección IP mediante deducciones, ubican “la cajita que permite que me conecte a internet inalámbrico” y si la encuentran, pues me encuentran a mí.
Offline Web: Permite navegar a través de datos que por lo general están en línea pero sin tener conexión a internet, esto lo hace descargando a una pequeña base de datos en nuestras computadoras, el contenido de la página web que lo implemente (claro, con autorización previa del dueño de la PC) y de esta manera podemos entrar si no tenemos conexión a internet (hace poco vimos un ejemplo de esto con Google Documents, que tenía su Offline Mode por medio de su API Google Gears).
Etiquetas de Formulario: Debido a su gran variedad no detallare cada una de las nuevas etiquetas y propiedades de formulario sin embargo merecen ser mencionadas. Esta nueva versión nos permite agregar funcionalidades como un simple “autofocus” hasta validación por medio de la propiedad “required”. Esto significa que no debemos depender de JavaScript o DOM para manejar de manera dinámica los formularios. Esas son buenas noticias para la navegación móvil, pues como saben, no todos los browsers de dispositivos móviles soportan JavaScript, de esta forma obtenemos diferentes beneficios:
Código más simple
Código mas rápido / pagina más rápida
Código altamente compatible
Menos dependencia
Mayor facilidad y velocidad a la hora de programar
Eso es solo una pequeña muestra de la gran cantidad de cosas que permite hacer el HTML, sin contar de las innumerables nuevas etiquetas que han implementado así como nuevos estándares.
Pero para aquellos que todavía se pregunten, “ok, pero ¿porque tan importante?” aquí les hago un pequeño resumen que va al punto:
Las páginas que implemente HTML5 podrán llegar a ser mucho más rápidas, debido a que requieren mucho menos código, menos interacción y por tanto son mas ligeras, así que cargan más rápido.
La compatibilidad se incrementa exponencialmente debido a las nuevas etiquetas y que se reducen las dependencias de software de terceros como Adobe Flash, Apple Quicktime y demás.
No necesariamente deberemos depender de una conexión a internet para trabajar en páginas que nos sirvan de herramientas online, podremos simplemente navegar offline.
Gráficos generados directamente en nuestro browser, esto para los programadores significa que no necesitaremos usar imágenes externas cargadas, ni el uso de clases o librerías que modifiquen el header de nuestro contenido para generar una imagen dinámicamente, bastara con el simple HTML del objeto CANVAS.
Nuevas funciones que permitirán usar menos recursos intermedios como JavaScript o DOM, permitiendo que las paginas se ejecuten en menor tiempo.
Espero haber sido bastante claro, esto fue una pequeña introducción y espero de verdad que hayan comprendido un poco de lo que refleja, si lo ven bien y lo entienden, notaran que realmente HTML5 es el futuro de la web.
Aquí les dejo un poco de referencia por si desean profundizar más, hasta la próxima:
Qué tal? Interesante artículo. échale un vistazo a esto escrito en mi blog que a lo mejor te interesa porque hablo de lo mismo.
No te pierdas el artículo “We love freedom” http://www.applenext.com/tag/html5/
Un saludo
Sterling (1 año atrás)
una de las mejores mejoras que han hecho en estos últimos tiempos a nivel de desarrollo de aplicaciones.
enostrum (1 año atrás)
Qué tal? Interesante artículo. échale un vistazo a esto escrito en mi blog que a lo mejor te interesa porque hablo de lo mismo.
No te pierdas el artículo “We love freedom”
http://www.applenext.com/tag/html5/
Un saludo