¿Cuál es la diferencia clave entre HTML 4 y HTML 5?
https://stackoverflow.com/questions/134727
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
¿Cuáles son las diferencias clave entre HTML4 y Borrador HTML5?
Conserve las respuestas relacionadas con la sintaxis modificada y los elementos html agregados/eliminados.
Solución
HTML5 tiene varios objetivos que lo diferencian de HTML4.
Coherencia en el manejo de documentos con formato incorrecto
El primario es Manejo de errores consistente y definido..Como usted sabe, HTML admite deliberadamente la "sopa de etiquetas", o la capacidad de escribir código con formato incorrecto y corregirlo para convertirlo en un documento válido.El problema es que las reglas para hacer esto no están escritas en ninguna parte.Cuando un nuevo proveedor de navegadores quiere ingresar al mercado, sólo tiene que probar documentos con formato incorrecto en varios navegadores (especialmente IE) y aplicar ingeniería inversa a su manejo de errores.Si no es así, muchas páginas no se mostrarán correctamente (las estimaciones sitúan que aproximadamente el 90% de las páginas en la red tienen al menos un formato algo incorrecto).
Por lo tanto, HTML5 está intentando descubrir y codificar este manejo de errores, de modo que todos 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, mucho tiempo después de que HTML haya desaparecido como formato de documento, es posible que los historiadores todavía quieran leer nuestros documentos, y tener un algoritmo de análisis completamente definido será de gran ayuda para ello.
Mejores características de la aplicación 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 son (en HTML4) hacks basados en Flash o JS, como <canvas>, <video>, y <audio>.Cosas útiles como el almacenamiento local (una base de datos de valores clave incorporada en el navegador accesible mediante 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 utilizar nuestros selectores de fechas de calendario basados en js), y la validación de formularios compatible con el navegador hará que el desarrollo de aplicaciones web sea mucho más simple para los desarrolladores y mucho más rápido para los usuarios (ya que muchas cosas serán compatibles de forma nativa, en lugar de piratearlo mediante javascript).
Semántica de elementos mejorada
Hay muchos otros esfuerzos más pequeños que se están llevando a cabo en HTML5, como roles semánticos mejor definidos para elementos existentes (<strong> y <em> ahora en realidad significa algo diferente, e incluso <b> y <i> tienen una semántica vaga que debería funcionar bien al analizar documentos heredados) y agregar nuevos elementos con semántica útil - <article>, <section>, <header>, <aside>, y <nav> debería sustituir a la mayoría de <div>se utiliza en una página web, lo que hace que sus páginas sean un poco más semánticas, pero lo más importante es que más fácil de leer.No más escaneos dolorosos para ver qué sucede al azar. </div> se está cerrando; en su lugar, tendrás una vista obvia </header>, o </article>, haciendo que la estructura de tu documento sea mucho más intuitiva.
Otros consejos
De Wikipedia :
- Nuevas reglas de análisis orientadas hacia un análisis flexible y compatibilidad
- Nuevos elementos & # 8211; sección, video, progreso, navegación, medidor, tiempo, a un lado, lienzo
- Nuevos atributos de entrada & # 8211; fechas y horas, correo electrónico, url
- Nuevos atributos & # 8211; ping, charset, async
- Atributos globales (que se pueden aplicar para cada elemento) & # 8211; id, tabindex, repetir
- Elementos obsoletos descartados & # 8211; centro, fuente, huelga
Deberá verificar Diferencias HTML5 de HTML4: Nota del Grupo de Trabajo del W3C 9 de diciembre de 2014 para las diferencias completas. 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.
HTML5 presenta una serie de API que ayudan a crear aplicaciones web. Estos se pueden usar 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 global
contenteditable. - Un arrastre & amp; soltar API en combinación con un
draggableatributo. - Una API que expone el historial y permite agregar páginas para evitar romper el botón de retroceso.
Puede 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 utilizan ambas variantes, pero hay una diferencia importante en el significado. HTML 5 se refiere al nombre de la especificación W3C, mientras que & Quot; HTML5 & Quot; es el tipo de documento de esos archivos HTML con un tipo MIME text/html que sigue esta especificación.
Lo mismo ocurre con XHTML 5 frente a XHTML5.
Ahora W3c ofrece una diferencia oficial en su sitio:
HTML 5 le invita a agregar un gran valor semántico a su código. Además, existen soluciones nativas para incrustar contenido multimedia.
El resto es importante, pero es un azúcar más técnico que le evitará hacer lo mismo con un lenguaje de programación del cliente.
En resumen, es mucho más simple en comparación con html, se elimina el doctype largo y también se eliminan el centro y la etiqueta de fuente. También respondí esta diferencia en mi blog: http://ravisinghblog.in/key-difference-between-html- y-html-5 /
