En esta pequeña guía tienes todo lo que deberías saber sobre HTML5. Te presentamos sus ventajas y los mejores recursos para aprender.

Hasta hace poco, para la visualización y animación de vídeos en Internet, generalmente se utilizaba el formato Flash. HTML5 cambió esto.

1. ¿Qué es HTML?

El “Hypertext Markup Language” es un lenguaje de etiquetas (tags) que, como su nombre indica, especifica en el texto la estructura lógica del contenido (títulos, párrafos, enumeraciones, etc.) y también los efectos que se quiere dar (dónde poner cursiva, negrita, etc.).

2. ¿Qué es HTML 5?

HTML5 es el sucesor del viejo estándar HTML4, que de la mano con otros lenguajes producían sitios web que vemos hoy en día. Esta nueva versión nos permite nuevas posibilidades para explotar empleando menos recursos; además para esta versión el XHTML ya no sería necesario.

XHTML significa Extensible Hypertext Markup Language. En realidad es un dialecto específico de XML, que es un lenguaje de marcado generalizado. La principal diferencia entre XHTML y HTML 4 es que todas las etiquetas, una vez abierto, deben cerrarse.

Sabías! HTML5 soporta todos los controles del formulario de HTML4, además también incluye nuevos controles de input (salida).

3. ¿Cuáles son las ventajas de HTML5?

HTML5 brinda a las programadores de sitios web nuevas oportunidades y facilidades. Navegadores tan populares como: Mozilla Firefox, Google Chrome o Safari son compatibles con HTML5. Además, este estándar funciona correctamente tanto en Smartphone como en Tablets; por lo que es posible mejorar la velocidad y visualización de sitos web en dispositivos móviles.

4. Batalla: HTML vs Flash

Flash consume más recursos, es inestable (aveces se “estanca”) y pone de manifiesto vulnerabilidades. Con HTML5 cualquier programador puede integrar las denominadas “Rich Internet Application” (RIA) e incluir vídeos directamente en el código fuente de la página. El navegador puede, así, reproducir vídeos, audio e incluso juegos. Para dispositivos móviles esto representa una gran ventaja.

  • Costo:  Si bien el Adobe Flash Player es gratuito, las herramientas para desarrollar los contenidos tienen un costo muy elevado. Por el contrario, desarrollar contenidos dinámicos en HTML5 es gratis.
  • Poder: Flash gana un punto a su favor puesto que permite crear muchos efectos particulares que no son (hasta ahora) posibles en HTML5.
  • Disponibilidad: Flash está bloqueado en algunos equipos móviles como los de Apple y necesita software especiales para que funcione en otros, mientras que HTML5 se ejecuta en el navegador, por lo que es un estándar universal.
  • Eficiencia:  Pruebas hechas con ambos sistemas tanto en Mac como en Windows no arroja un resultado determinante, pero si de que Flash consume un poco más de recursos.

5. Los 4 Mejores Sitios Web HTML5

  • British Airways: Mira los beneficios de las aeronaves Air bus A380 y Boeing 787 utilizada para sus vuelos
  • Madeon’s Adventure: Crea tus propios mixes con los sonidos del disco del músico francés Madeon
  • Increidibox: Aplicación musical en el que usted puede rápida y fácilmente crear una mezcla mediante la ejecución de una banda de beatboxers.
  • Your webdev ninja: Construye su propia página web linea por linea.

Y el mejor navegador web HTML5 es…

El sitio web html5test.com nos permite realizar pruebas de compatibilidad de HTML5. Actualmente Google Chrome está a la cabeza, con 526 puntos de 555 puntos posibles.

navegador web HTML5

6. ¿Quieres aprender HTML? 3 webs de aprendizaje

A continuación te dejaré algunas web útiles que te ayudarán para empezar o  para seguir el lenguaje HTML5:

  1. W3schools: Esta web te describirá el funcionamiento de cada etiqueta y con sus respectivos ejemplos.
  2. Html Ya: Interesante web para aprender online, incluye problemas resueltos.
  3. Libros Web: Aquí encontrarás variedad de material sobre programación y diseño web, también hay un foro dentro de la misma web donde podrás consultar algunas dudas.

Lo último! El consorcio internacional W3C marcó las siguientes fechas para liberación de los estándares de especificación: 2014/2015 para HTML 5.0, 2016 para HTML 5.1 y 2019 para HTML 5.2.

Todo lo que deberías saber sobre HTML5
Califica esta publicación