DEV Community

gilq
gilq

Posted on

¿Qué es HTML5? (Mucho más que una versión)

Si crees que HTML5 es solo "HTML con etiquetas nuevas", prepárate. HTML5 fue el terremoto que destruyó la necesidad de usar Flash, Java Applets y otros complementos externos que hacían que la web fuera lenta y peligrosa.

El Ecosistema HTML5

HTML5 no es solo lenguaje de marcado; es una trinidad tecnológica:

  1. Estructura Semántica: Etiquetas con significado (<header>, <article>, <main>).
  2. CSS3: Estilo avanzado, animaciones y diseño responsivo nativo.
  3. JavaScript APIs: El verdadero poder. Acceso a la cámara, GPS, almacenamiento local y gráficos 2D/3D (Canvas).

El fin de los Plugins

Antes de HTML5, para ver un video necesitabas "Adobe Flash Player". Si no lo tenías actualizado, no veías nada. HTML5 introdujo las etiquetas <video> y <audio>, permitiendo que los navegadores reprodujeran multimedia de forma nativa, segura y mucho más rápida.

Código de la Nueva Era

<object data="video.swf" type="application/x-shockwave-flash">...</object>

<video controls width="640">
  <source src="mi-video.mp4" type="video/mp4">
  Tu navegador no soporta video nativo.
</video>
Enter fullscreen mode Exit fullscreen mode

Tip para el Futuro Senior:

HTML5 introdujo el concepto de Web Storage. Ahora puedes guardar datos en el navegador del usuario (localStorage) sin necesidad de bases de datos complejas para cosas pequeñas. Esto permite que tu web funcione incluso si el usuario pierde la conexión a internet.

Top comments (0)