Te explicamos la Diferencia entre HTML 4 y HTML 5 con ejemplos y definiciones. Conoce todos los datos para distinguirlos fácilmente.
¿Cuál es la Diferencia entre HTML 4 y HTML 5?
A medida que Internet ha ido evolucionando, también lo ha hecho su lenguaje. En la actualidad, HTML se encuentra en su cuarta versión, mientras que HTML 5 ya está en fase de desarrollo y finalización. El principal objetivo de HTML 5 es crear un lenguaje más estandarizado que incorpore los muchos nuevos tipos de contenidos que prevalecen hoy en día. El cambio más notable de HTML 5 es su capacidad para incorporar vídeo y audio sin necesidad de plug-ins de terceros. En HTML 4 se utilizan bastantes plug-ins, siendo Adobe Flash el más popular. Flash también se utiliza para dibujar sobre la marcha en la página, normalmente para representar contenidos interactivos o para juegos. En HTML 5, esto se hace con el elemento lienzo.
Para mejorar la capacidad de HTML 5 a la hora de representar una amplia variedad de contenidos, se ha añadido compatibilidad con SVG y MathML. SVG es una especificación para dibujar gráficos vectoriales estáticos o dinámicos. Como SVG está escrito en XML, tiene muchas ventajas, como el scripting, la indexación y una mejor compresión. MathML es también una especificación en XML que interviene en la correcta representación de fórmulas matemáticas. Las fórmulas matemáticas han sido problemáticas desde los inicios de Internet, y HTML y muchos desarrolladores web recurrieron a mostrar las ecuaciones mediante imágenes. Las desventajas de usar imágenes incluyen un mayor trabajo de modificación y la imposibilidad de ser buscadas o indexadas.
Para mejorar la estructura de las páginas HTML, se han añadido, modificado o eliminado muchos elementos. Los nuevos elementos son: section, article, aside, h-group, header, footer, nav, figure y muchos más. Los elementos modificados son los que ya están presentes en HTML 4, pero se ha modificado su funcionamiento. La lista de elementos modificados incluye: a, b, address, cite, hr, I, label, menu, strong, large y muchos más. Por último, los elementos eliminados son elementos que ya no se incluyen en HTML 5, entre ellos: basefont, big, center, font, strike, tt, u, frame, frameset, noframes, acronym, applet, isindex, dir, noscript. Las razones para eliminar estos elementos van desde el desuso, la obsolescencia debida a CSS y problemas de usabilidad. Los elementos eliminados pueden seguir utilizándose, ya que los navegadores seguirán siendo capaces de analizarlos, pero su uso en una página provocará que ésta no supere la validación de HTML 5.
Resumen:
1.HTML 5 puede incorporar de forma nativa contenidos que necesitaban plug-ins en HTML 4.
2.HTML 5 puede utilizar SVG y MathML en línea, mientras que HTML 4 no puede.
3.HTML 5 permite almacenar y utilizar aplicaciones sin conexión, mientras que HTML 4 no.
4.HTML 5 tiene muchos elementos nuevos que no están presentes en HTML 4.
5.Ciertos elementos han cambiado en HTML 5 respecto a cómo eran en HTML 4.
6.HTML 5 ha suprimido algunos elementos de HTML 4.
