HTML5: qué es, características y cómo funciona

El HTML5 es un estándar que sirve para definir la estructura, el diseño y el contenido de una página web. En realidad, se trata de un código, un lenguaje (HTML) que define los contenidos que forman parte de una página web, como imágenes, texto, vídeos, juegos, marcos, estilo de letra, etc.

 

Pero, cuidado, al hablar de lenguaje no nos referimos a un lenguaje de programación. HTML no es un lenguaje de programación, ya que no tiene la estructura propia de este tipo de lenguajes como son los bucles, las funciones, las condiciones, etc.

 

El HTML5 es, por tanto, la versión más actualizada del hypertext markup language. Este lenguaje conforma el esqueleto de las páginas web y su última versión presenta ciertas características y mejoras con respecto a sus predecesores.

 

HTML5: nuevas características

●      Hay nuevas etiquetas semánticas que facilitan la estructura de los documentos HTML y que reemplazarán a etiquetas de versiones anteriores como <div>, que ayudaban a identificar cada bloque en las páginas web. Esta es la principal evolución con respecto al HTML4, ya que este tipo de etiquetas permite que la página web sea indexada con mayor exactitud por los buscadores. Estas nuevas etiquetas ayudan también a definir mejor la estructura y los componentes de la web y brindan información sobre su contenido y relevancia. El HTML5 diferencia entre un artículo, sección, vídeo, encabezado, etc.

●      Existe la posibilidad de incluir audio y vídeo a través de las etiquetas multimedia.

●      Se integran mejor los gráficos vectoriales escalables (SVG) en lugar de los genéricos que se incluían hasta ahora, como <object>, además de incluir nuevos elementos que nos permiten dibujar en él a través de la etiqueta <canvas>.

●      Se redefinen, modifican o estandarizan ciertos elementos que se repiten en la mayoría de las páginas web.

●      Se pueden incluir fórmulas matemáticas a través de MathML.

 

Para qué sirve el HTML5

Estas son algunas de las ventajas de este nuevo lenguaje con respecto a otros:

1. Mejora la experiencia del usuario en los navegadores más utilizados, ya que el HTML5 es compatible con la mayoría de ellos (Google, Safari, Firefox, etc.). Además, es responsive, por lo que se adapta a los distintos dispositivos (tablet, ordenador o móvil).
2. Consigue un mejor posicionamiento en los buscadores. Tanto es así que Google recomienda su uso.
3. Es un lenguaje que puede ser interpretado por numerosos sistemas informáticos.
4. Soporta funcionalidades multimedia e interactivas como vídeos o formularios sin necesidad de tener que instalar plugins.
5. Gracias al sistema API de Javascript (con el que es compatible), se pueden introducir elementos complejos en las webs. Nos referimos a dibujos 3D o mapas interactivos en los documentos.
6. Permite que Google despliegue tu web con subsecciones en la página de resultados.
7. También se pueden crear aplicaciones web y optimizar el tiempo de carga de un sitio (reduciendo ese tiempo).
8. En cuanto a la seguridad, protege mejor las páginas que cuentan con este sistema.

 

Cómo funciona el HTML5

HTML5 utiliza un protocolo de solicitud/respuesta denominado HTTP para la comunicación entre clientes y servidores. Al iniciar una conexión TCP por parte del cliente, se envía una solicitud HTTP al servidor. El servidor responde a las solicitudes dando derecho de acceso a esos clientes a través de los recursos disponibles. Cuando el cliente y el servidor establecen una conexión, los mensajes que se intercambian poseen una tecnología denominada WebSocket.

 

Y, de hecho, el lenguaje HTML5 consiste en WebSockets que también utilizan la infraestructura HTTP para generar un mecanismo ligero de comunicación entre un cliente y un servidor web.

 

Un explorador web compatible con HTML5 utiliza la API de JavaScript para llevar a cabo las siguientes tareas:

●      Abrir una conexión en WebSocket: El explorador web envía un mensaje de actualización HTTP al servidor para cambiar al protocolo WebSocket.

●      Iniciar la comunicación a través de la conexión WebSocket: El servidor acepta o rechaza esta solicitud.

●      Cerrar las conexiones WebSocket.

 

Así es una conversación cliente-servidor durante una conexión HTML5:

●      El cliente envía una solicitud HTTP para actualizar la WebSocket.

●      El servidor responde a la solicitud y cambia el protocolo WebSocket.

●      El servidor envía fotogramas de WebSocket al cliente.

●      El cliente envía una solicitud para cerrar el WebSocket.

 

Os recomendamos que no dejéis de actualizaros en las últimas tendencias y adquiráis los conocimientos adecuados sobre el lenguaje HTML5. Os invito a que miréis detenidamente el Ciclo Formativo de Grado Superior en Desarrollo de Aplicaciones Multiplataforma [DAM].