HTML5 prácticamente ha reemplazado a Flash, Silverlight, XHTML y otras plataformas como una solución más segura y versátil en la web. Entonces, ¿qué es HTML5 y cómo ha logrado convertirse en la herramienta de desarrollo web omnipresente? Hoy, veremos el lenguaje de marcado más utilizado en la web y cómo ha cambiado la forma en que los desarrolladores crean sitios web e implementan varias funcionalidades modernas en ellos..
HTML5: qué es y cómo funciona?
Aquí aprenderemos sobre HTML5, sus ventajas y en qué se diferencia de Flash, Silverlight y otras plataformas de desarrollo web que ya ha reemplazado o está listo para hacerlo en el futuro. Entonces, sin más preámbulos, profundicemos y descubramos por qué la mayoría de los desarrolladores web prefieren HTML5, quién lo mantiene y por qué es recomendado por el World Wide Web Consortium (W3C). Tabla de contenido + -
Que es HTML5?
HTML5 es un lenguaje de programación y la última versión de cara al público de HyperText Markup Language, o HTML, creado en 1989 por el inventor de la World Wide Web, Sir Tim Berners Lee. Recomendado por el WWW Consortium (W3C), se utiliza para estructurar y presentar contenido en la web y es mantenido por un consorcio de los principales proveedores de navegadores, incluidos Apple, Google, Mozilla y Microsoft. Juntos, forman el Grupo de trabajo de tecnología de aplicaciones de hipertexto web (WHATWG), que ahora tiene la autoridad exclusiva sobre los estándares HTML y DOM (Document Object Model) después de que W3C cediera el control el año pasado.
El estándar de vida HTML del WHATWG, que se actualiza continuamente, ahora tiene autoridad, reemplazando el estándar estático basado en instantáneas propagado por el W3C anteriormente. Los dos a menudo han estado en desacuerdo entre sí, sobre todo sobre el contenido permisible de la elemento, que fue una fuente importante de controversia entre las dos organizaciones, con la definición del W3C permitiendo una gama más amplia de usos que la definición del WHATWG. Sin embargo, han estado trabajando juntos durante los últimos años para desarrollar un estándar HTML5 unificado en la web..
¿Cómo funciona HTML5??
HTML5 incluye los 3 componentes básicos de diseño web: HTML, CSS y JavaScript. Mientras que HTML se usa para crear texto en una página web, CSS se usa para el estilo y para indicar cómo se presentarán los elementos en una página web. En cuanto a JavaScript, es responsable de la actividad y acción del usuario en una página web. Con estos elementos, los desarrolladores pueden crear páginas web receptivas que pueden reorganizar automáticamente todos los elementos para que se ajusten a la pantalla de computadoras de escritorio, portátiles y móviles, independientemente de su tamaño, resolución y relación de aspecto..
¿Qué tecnologías ha reemplazado??
HTML5 se lanzó por primera vez en un formato de cara al público en 2008, con una actualización importante en octubre de 2014. Estaba destinado a reemplazar no solo HTML4 (originalmente estandarizado en 1997) sino también XHTML 1 y DOM Nivel 2 HTML. Sin embargo, dada su versatilidad y facilidad de desarrollo, W3C, que estaba desarrollando XHTML 2.0 como una plataforma competidora, dejó de trabajar en ella y recomendó HTML5 como el futuro del desarrollo web..
Desde el lado del usuario, el mayor cambio de HTML4 es que ya no necesitamos complementos como Adobe Flash o Microsoft Silverlight para reproducir videos en diferentes sitios web. ¿Recuerda cómo hace una década a menudo se le pedía que "actualizara Flash" (o Silverlight) mientras intentaba reproducir videos en línea? ¿Cuándo fue la última vez que vio un mensaje de este tipo? ¿Y cuándo fue la última vez que necesitó actualizar Java en su computadora? Lo más probable es que no hayas visto este tipo de mensajes en los últimos cinco años..
Si sigue viendo estos mensajes, debe dejar de visitar esos sitios porque son sitios antiguos y desactualizados que representan un riesgo de seguridad o son sitios falsos administrados por estafadores que intentan instalar malware en su sistema. En septiembre de 2020, menos del 0.035% de los sitios usaban Silverlight, el 2.5% usaba Adobe Flash y menos del 0.017% usaba Java, lo que los hace bastante redundantes en la web moderna construida alrededor de HTML5..
Cuáles son las ventajas de HTML5?
Hay muchas razones por las que HTML5 se ha convertido en la plataforma de desarrollo web preferida. No solo es más fácil de codificar que otros lenguajes de marcado, sino que también incluye funciones multimedia integradas que garantizan que no se requiera ningún otro software o complemento de navegador para diseñar un sitio web completo desde cero. La tecnología permite a los diseñadores web desarrollar todo tipo de aplicaciones, animaciones y otras funciones multimedia que se ejecutan en un navegador..
Otra gran razón para la adopción de HTML5 es el hecho de que no es propietario, lo que significa que no tienes que pagar regalías para usarlo. También es un tecnología independiente de la plataforma que se puede usar para renderizar sitios web en PC con Windows, máquinas Linux, MacBooks, Android, iPhones, televisores inteligentes y más. Todo lo que necesita un agente de usuario compatible (cualquiera de los navegadores modernos más populares), y puede tener acceso a todas las ventajas disponibles en la web al alcance de su mano.
Además, HTML5 también permite a los desarrolladores utilizar funciones avanzadas como GPS, cámara y acelerómetro en sus aplicaciones web, lo que lo hace más adecuado para la era actual de "dispositivos móviles primero". También ha facilitado la adición de foros de discusión, herramientas de arrastrar y soltar, plataformas de chat y una serie de otros elementos en los sitios web..
Otra gran ventaja de HTML5 es que permite a los desarrolladores migrar aplicaciones fácilmente a dispositivos móviles. Ahora que todos los navegadores vienen con soporte nativo para el estándar, también ha reemplazado en gran medida las plataformas heredadas como Flash y Silverlight, mejorando así la seguridad y ofreciendo una experiencia de navegación perfecta.
Cuáles son las desventajas de HTML5?
A pesar de su casi ubicuidad, HTML5 viene con su propio conjunto de problemas que preocupan tanto a los programadores como a los usuarios finales. El principal de ellos es el falta de un formato de video HTML5 estándar, pero también hay otras cuestiones que siguen siendo un problema en lo que, por lo demás, es la plataforma de desarrollo web más confiable, segura y rica en funciones. Estas son algunas de las desventajas de HTML5:
1. No hay soporte de video estándar para todos los navegadores
Uno de los principales problemas con HTML5 es la confusión con respecto al soporte de formatos de video para diferentes navegadores. Aunque todos los navegadores modernos incorporaron compatibilidad con HTML5 hace varios años, no todo el mundo admite todos los formatos de vídeo HTML5. A menudo ha habido confusión sobre qué navegador admite qué formato de video, porque eso depende no solo del agente de usuario, sino también de la plataforma (Windows, Android, Linux, etc.).
Entre los principales formatos, H.264 se ha convertido en el estándar de facto, y todos los navegadores lo admiten en todas las plataformas.. Ogg Theora también es compatible con todos los navegadores en todas las plataformas excepto Safari en iOS, mientras que VP8 / WebM también es compatible con todo, aunque Safari requiere instalación manual. También hay un problema similar con el audio, aunque WAV (PCM) y MP3 (MPEG) son compatibles con todos los navegadores principales..
2. El "estándar de vida" de HTML5 está en constante evolución
Tampoco ayuda que el 'Estándar de vida'convierte al HTML en un objetivo en movimiento para los desarrolladores web que a menudo tienen que adivinar sobre la compatibilidad con nuevas funciones. Si bien algunos consideran que las actualizaciones continuas son una ventaja, los cambios inesperados en el estándar pueden hacer que los elementos de un sitio web sean inútiles hasta que el administrador emita una solución. En realidad, esto rara vez sucede con los sitios actualizados, pero sigue siendo un problema que mantiene a los diseñadores web en ascuas..
3. Juegos con JavaScript
Otro obstáculo importante es la compatibilidad con los juegos porque el único lenguaje de secuencias de comandos compatible con HTML5, JavaScript, es una plataforma menos que ideal para una sólida experiencia de juego.. Los espacios de nombres personalizados, el acceso de miembros, las interfaces y la herencia tienen problemas en JavaScript, lo que obliga a los desarrolladores a buscar soluciones. Dicho esto, los desarrolladores de juegos todavía se han movido de Flash a HTML5 debido al soporte multiplataforma perfecto en todos los agentes de usuario..
Compatibilidad con navegador HTML5
Como se mencionó anteriormente, todos los navegadores modernos, incluidos Edge, Firefox, Chrome, Safari y Opera, admiten al menos algunos elementos de HTML5 en todas las plataformas. Sin embargo, su apoyo al estándar no se manifiesta de manera idéntica. Como regla general, Firefox admite la gama más amplia de funciones HTML5, y Chrome lo sigue de cerca..
Aquí hay una lista (no exhaustiva) de los navegadores que admiten HTML5:
- Microsoft Edge
- Mozilla Firefox
- Google Chrome
- Safari de manzana
- Ópera
- Opera Mobile
- Navegador de Android
- Cromo
- Konqueror
- Web de GNOME
Puede consultar CanIuse.com para obtener un desglose detallado de lo que es compatible con qué versión de qué navegador en qué plataforma.
HTML5: el presente y el futuro del desarrollo web
HTML5 mejora la forma en que funciona la web, lo que facilita a los desarrolladores la creación de excelentes sitios web y a los usuarios la experiencia de esas creaciones independientemente del dispositivo que elijan o del navegador que utilicen. Es la plataforma de desarrollo web más grande y popular, y con sus estándares en constante evolución que incorporan nuevas características y funcionalidades, es probable que se mantenga así en el futuro previsible.