Ventajas de HTML 5

Ventajas de HTML 5

HTML5 se lanzó con el objetivo de mejorar la experiencia de los desarrolladores y los usuarios finales en la World Wide Web.

Sus principales características son:

  • HTML5 es compatible con SVG(Scalable Vector Graphics), canvas y otros gráficos vectoriales, mientras que en HTML, sólo era posible utilizar gráficos vectoriales mediante diferentes tecnologías como Flash (ahora ya no se usa), VML (Vector Markup Language) o Silverlight.
  • Las bases de datos web SQL se utilizan en HTML5 para almacenar datos temporalmente.
  • Con HTML5, JavaScript puede ejecutarse dentro de un navegador web, mientras que el antiguo HTML sólo permite que JavaScript se ejecute en el hilo de la interfaz del navegador.
  • Con HTML5 puedes utilizar MathML y SVG inline en el texto.
  • En HTML5 se han eliminado algunos elementos, como isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike y tt.
  • HTML5 soporta nuevos tipos de controles de formulario, incluyendo fechas y horas, correo electrónico, número, rango, tel, url, búsqueda, etc.
  • Hay múltiples características y elementos nuevos en HTML5. Algunos de los más importantes son summary, time, aside, audio, command, data, datalist, etc.

Principales Ventajas

HTML5 busca que los desarrolladores tengan más flexibilidad a la hora de diseñar sitios web. A continuación te enseñaremos las principales ventajas.

Para desarrolladores:

Manejo de errores persistentes

Hasta hace algunos años no existía un proceso estandarizado para el manejo de errores. Con el nuevo HTML 5 la mayoría de los navegadores tienen soporte para analizar código HTML estructural o sintácticamente incorrecto.

El manejo consistente de errores en HTML5 ha supuesto una enorme diferencia en este sentido. Los algoritmos de análisis sintáctico mejorados que se utilizan en HTML5 tienen un beneficio incalculable en cuanto al ahorro de dinero y tiempo.

Semántica mejorada para los elementos

Se han introducido mejoras en los aspectos semánticos de varios elementos existentes en HTML para reforzar el significado del código.

Section, article, nav y header son los nuevos elementos que han sustituido a la mayoría de los elementos div, ahora obsoletos.

Soporte mejorado para características de aplicaciones web

En el pasado, los desarrolladores tenían que utilizar soluciones alternativas porque muchas tecnologías del lado del servidor y extensiones del navegador no estaban presentes como javaScrip.

Uno de los principales objetivos de HTML5 es permitir que los navegadores web funcionen como plataformas para aplicaciones. De este modo, ofrece a los desarrolladores un mayor control del rendimiento de sus sitios web. Sin necesidad de emplear ninguna solución basada en JavaScript.

Adaptación a dispositivos móviles

Los usuarios finales quieren acceder a los recursos web en cualquier momento a través de cualquier dispositivo móvil. En otras palabras, tener un sitio web es un requisito. Por suerte, HTML5 ha simplificado mucho el soporte móvil al adaptarse a los dispositivos móviles electrónicos de baja potencia, como tablets y smartphones.

El elemento canvas

Una de las características más interesantes de HTML5 es el elemento <canvas> que permite dibujar diversos componentes gráficos, como cajas, círculos, texto e imágenes.

Sin embargo, cabe mencionar que el elemento <canvas> es simplemente un contenedor de gráficos. Por lo tanto, para definir los gráficos, hay que ejecutar un script.

El elemento menú

Los nuevos elementos <menú> y <menuitem> son componentes de la especificación de elementos interactivos.

Estos dos elementos pueden utilizarse para mejorar la interactividad de la web.

Atributos de datos personalizados

Este atributo, como estilizar elementos CSS o acceder al atributo data de un elemento a través de jQuery, su objetivo principal es almacenar información adicional sobre los distintos elementos.

Ahora se pueden incluir datos personalizados, lo que ofrece a los desarrolladores la posibilidad de crear páginas web atractivas y eficientes sin tener que introducir complicadas peticiones del lado del servidor o llamadas Ajax.

Adios cookies

HTML5 usa el almacenamiento web o local para reemplazar las cookies. En la versión anterior de HTML, si los desarrolladores querían almacenar algo, tenían que hacer uso de las cookies, que contienen una pequeña cantidad de datos (alrededor de 4 kb).

El almacenamiento web, en cambio, permite que los datos se guarden en el ordenador del cliente de forma permanente (a menos que el usuario los borre). También tiene un mayor almacenamiento de datos (5 MB) y no supone una carga adicional al solicitarlo al servidor.

Para usuario final:

HTML5 supone un cambio de paradigma tanto para los desarrolladores como para los usuarios finales. Algunas de las ventajas que proporciona a los usuarios finales son:

  • Reduce las caídas en los navegadores móviles.
  • Proporciona una mayor fiabilidad en los sitios web para móviles. Cuando un usuario quiere utilizar los servicios de una determinada empresa pero no quiere descargar su aplicación, puede simplemente entrar en su sitio web responsivo.
  • Soporta elementos de audio y video nativos sin necesidad de ningún plugin adicional.

Bonus Track:

Hojas de trucos

Las hojas de trucos pueden ser una gran ayuda si estás empezando a aprender un nuevo lenguaje. Aquí incluimos la hoja que recopila las etiquetas HTML más utilizadas y las nuevas etiquetas HTML5.

Facebook Comments