miércoles, 15 de marzo de 2017

HTML5

HTML5 es la quinta y última versión, por ahora, del lenguaje de etiquetado HTML. Sin embargo, HTML5 no es sólo eso, es algo más.


HTML es un estándar de facto desarrollado por el World Wide Web Consortium, un consorcio internacional que produce recomendaciones para la World Wide Web.
El desarrollo del lenguaje de marcado HTML ha ido parejo al desarrollo del World Wide Web Consortium, que fue fundado en 1994.


Desde la publicación de la primera página web en diciembre de 1990, el lenguaje HTML ha ido mejorando con nuevas versiones. En noviembre de 1995 se publicó HTML 2.0. En enero de 1997 HTML 3.2. En diciembre de 1997 apareció HTML 4. Y en enero de 2000 se publico XHTML 1.0, una reformulación de HTML 4 utilizando XML.


Finalmente, a mediados de 2007 el W3C comenzó a trabajar en HTML5, versión que está actualmente en desarrollo y que se espera que se termine en 2014.


Pero las páginas web no se desarrollan solamente con el lenguaje de marcado HTML. También se emplean otras tecnologías como las hojas de estilo en cascada, la jerarquía de objetos DOM y el lenguaje interpretado JavaScript.


El uso combinado de estas cuatro tecnologías se conoce como DHTML, el HTML dinámico, que permite crear sitios web interactivos.


Además del HTML dinámico existen otras tecnologías, como el API de programación XHR, XMLHttpRequest, el metalenguaje XML y el formato de intercambio de datos JSON. Todo ello se conoce como AJAX, una técnica de desarrollo web que permite crear aplicaciones interactivas que se ejecutan en el navegador.


Desde hace un par de años, a AJAX se le han unido una serie de nuevas tecnologías. Estas tecnologías están en desarrollo y en algunos casos existen varias alternativas que realizan la misma función.


A todas ellas se las conoce como HTML5, aunque lo más correcto sería llamarlas “la familia de tecnologías HTML5”.


HTML5 es el nuevo lenguaje de marcado que se ofrece con dos sintaxis: sintaxis de HTML y sintaxis de XHTML. El lenguaje de marcado HTML5 define nuevas etiquetas y atributos que añaden una mayor capacidad semántica al lenguaje.
  • Una de las nuevas tecnologías de la familia HTML5 es el canvas, que tiene asociada una nueva etiqueta HTML. El canvas o lienzo permite definir un área dentro de una página web en la que se puede dibujar mediante un API para JavaScript. Las posibilidades que ofrece esta tecnología son enormes. Por ejemplo, permite el desarrollo de juegos online, ya no es necesario el uso de Flash, o permite crear aplicaciones de dibujo como esta que vemos en esta imagen.
  • Otra de las tecnologías de HTML5 es SVG, un lenguaje de etiquetas basado en XML que permite crear gráficos vectoriales. Con SVG se pueden crear gráficos utilizando un lenguaje similar a HTML.
  • Otra de las tecnologías de la familia HTML5 es el API de geolocalización para JavaScript, que permite obtener la localización del usuario, siempre que el dispositivo que utilice ofrezca esa información y siempre que el usuario lo permita.
  • La tecnología de CACHE permite indicar aquellos recursos de una página web o una aplicación web que se desea que se almacenen de forma local. De esta forma se mejora el rendimiento y además permite descargar todos los contenidos necesarios y trabajar en local.
  • Mientras que la tecnología de base de datos es un API que ofrece la posibilidad de almacenar información en local en el navegador mediante una base de datos SQL Lite. Con esta tecnología se pueden realizar aplicaciones como ésta, donde el usuario puede crear notas persistentes que conservan la posición y la información aunque se abandone la página web.
  • Los WEB WORKERS es otra API para JavaScript que permite crear múltiples hilos de ejecución que se ejecutan en paralelo.
Ahora, de todas estas tecnologías, ¿cuáles podemos utilizar hoy en día?
Es difícil responder esta pregunta, porque existen múltiples navegadores con múltiples versiones, cada uno con un nivel de soporte diferente. Pero hay algunos sitios web que nos pueden ayudar.

Por último, si quieres aprender más cosas sobre HTML5, te recomiendo el sitio web “HTML5 Rocks” desarrollado por Google.

1 comentario: