hay - que es html5 y para que sirve




¿Cuál es la diferencia clave entre HTML 4 y HTML 5? (6)

Ahora W3c proporciona una diferencia oficial en su sitio:

here

¿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.


De la Wikipedia :

  • 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

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 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.





html4