que - ¿Cuál es la diferencia clave entre HTML 4 y HTML 5?

que diferencia hay entre html5 y html 4 (8)

¿Cuáles son las diferencias clave entre HTML4 y el borrador de HTML5 ?

Guarde las respuestas relacionadas con la sintaxis modificada y los elementos html agregados / eliminados.

Ahora W3c proporciona una diferencia oficial en su sitio:

Nuevas reglas de análisis orientadas a un análisis y compatibilidad flexible
Nuevos elementos: sección, video, progreso, nav, meter, time, aside, canvas
Nuevos atributos de entrada: fechas y horas, correo electrónico, url
Nuevos atributos - ping, charset, async
Atributos globales (que se pueden aplicar para cada elemento): id, tabindex, repetición
Elementos en desuso caídos: centro, fuente, ataque

En resumen, es mucho más simple en comparación con html, el tipo de documento largo se elimina y también se elimina el centro y la etiqueta de fuente. También respondí esta diferencia en mi blog: http://ravisinghblog.in/key-difference-between-html-and-html-5/

Es posible que le interese esta lista de elementos y atributos HTML5 .

Además, tenga en cuenta que es "HTML 4", no "HTML4". De hecho, para HTML 5, se usan ambas variantes, pero hay una diferencia importante en el significado. HTML 5 se refiere al nombre de la especificación W3C, mientras que "HTML5" es el tipo de documento de esos archivos HTML con un tipo MIME de text/html que siguen esta especificación. Lo mismo vale para XHTML 5 contra XHTML5.

HTML 5 lo invita a agregar un valor semántico a su código. Además, hay una solución nativa para incrustar contenido multimedia.

El resto es importante, pero es un azúcar más técnico lo que le evitará hacer lo mismo con un lenguaje de programación de cliente.

HTML5 presenta una serie de API que ayudan a crear aplicaciones web. Estos pueden usarse junto con los nuevos elementos introducidos para las aplicaciones:

Una API para reproducir video y audio que se puede usar con los nuevos elementos de video y audio.
Una API que habilita aplicaciones web sin conexión.
Una API que permite que una aplicación web se registre para ciertos protocolos o tipos de medios.
Una API de edición en combinación con un nuevo atributo contenteditable global.
Una API de arrastrar y soltar en combinación con un atributo que se puede draggable .
Una API que expone el historial y permite que las páginas se agreguen para evitar que se rompa el botón Atrás.

HTML5 tiene varios objetivos que lo diferencian de HTML4.

Consistencia en el manejo de documentos mal formados

El principal es el manejo de errores consistente y definido . Como ya sabe, HTML admite deliberadamente ''sopa de etiquetas'', o la capacidad de escribir código mal formado y hacer que se corrija en un documento válido. El problema es que las reglas para hacer esto no están escritas en ningún lado. Cuando un nuevo proveedor de navegadores desea ingresar al mercado, solo tiene que probar los documentos mal formados en varios navegadores (especialmente IE) y realizar una ingeniería inversa de su manejo de errores. Si no lo hacen, muchas páginas no se mostrarán correctamente (las estimaciones indican que aproximadamente el 90% de las páginas de la red están mal formadas).

Por lo tanto, HTML5 está intentando descubrir y codificar este manejo de errores, para que los desarrolladores de navegadores puedan estandarizar y reducir en gran medida el tiempo y el dinero necesarios para mostrar las cosas de manera consistente. Además, en el futuro, una vez que HTML se haya extinguido como formato de documento, los historiadores aún pueden querer leer nuestros documentos, y contar con un algoritmo de análisis completamente definido será de gran ayuda.

Mejores características de aplicaciones web

El objetivo secundario de HTML5 es desarrollar la capacidad del navegador para ser una plataforma de aplicaciones, a través de HTML, CSS y Javascript. Se han agregado muchos elementos directamente al lenguaje que actualmente están (en HTML4) desordenados basados en Flash o JS, como <canvas> , <video> y <audio> . Cosas útiles como Local Storage (una base de datos clave-valor incorporada en el navegador js, para almacenar información más allá de lo que pueden contener las cookies), nuevos tipos de entrada, como la fecha para la cual el navegador puede exponer una interfaz de usuario sencilla (para que podamos no es necesario que use nuestros selectores de fechas basados en js), y la validación de formularios soportada por el navegador hará que desarrollar aplicaciones web sea mucho más simple para los desarrolladores, y las hará mucho más rápidas para los usuarios (ya que muchas cosas serán compatibles de forma nativa, en lugar de hackeado a través de javascript).

Semántica de elementos mejorada

Hay muchos otros pequeños esfuerzos que tienen lugar en HTML5, como roles semánticos mejor definidos para los elementos existentes ( <strong> y <em> ahora significan algo diferente, e incluso <b> y <i> tienen una semántica vaga que debería funcionar bueno al analizar documentos heredados) y agregar nuevos elementos con semántica útil - <article> , <section> , <header> , <aside> y <nav> deberían reemplazar la mayoría de los <div> utilizados en una página web, haciendo sus páginas son un poco más semánticas, pero más importante aún, más fáciles de leer . No más escaneos dolorosos para ver exactamente qué se cierra ese </div> azar; en su lugar, tendrá un </header> obvio, o </article> , haciendo que la estructura de su documento sea mucho más intuitiva.

Querrá comprobar here la diferencia completa. Pero hay muchos elementos nuevos y atributos de elementos. Algunos elementos fueron eliminados y otros tienen un valor semántico diferente al anterior. También hay API definidas, como el uso del lienzo, para ayudar a construir la próxima generación de aplicaciones web y asegurarse de que las implementaciones estén estandarizadas.