2008-09-25 7 views

Respuesta

182

HTML5 tiene varios objetivos que lo diferencian de HTML4.

La consistencia en el manejo de documentos con formato incorrecto

La principal es manipulación error consistente, 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. Características

Mejor Aplicación Web

El objetivo secundario de HTML 5 es el desarrollo de 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 o basados ​​en 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).

mejorada Element Semántica

Hay muchos otros esfuerzos más pequeños que tienen lugar en HTML5, tales como papeles semánticos mejor definidos para los elementos existentes (<strong> y <em> ahora realmente significan algo diferente, e incluso <b> y <i> tienen semántica vagos que debería funcionar bien cuando se analizan los documentos del histórico) y la adición de nuevos elementos con semántica útiles - <article>, <section>, <header>, <aside>, y <nav> debe sustituir a la mayoría de <div> s utilizadas en una página web, por lo que sus páginas un poco más semánticas, pero más importante, más fácil de leer. No más exploración dolorosa para ver exactamente qué se está cerrando al azar </div> - en su lugar, tendrá un obvio </header>, o </article>, haciendo que la estructura de su documento sea mucho más intuitiva.

+14

Destaque las etiquetas y oraciones editando la respuesta. (Es solo una sugerencia porque mientras estaba leyendo esto, me cansaba.) –

11

Querrá comprobar here para 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.

41

De Wikipedia:

  • Nuevas reglas de análisis orientados hacia el análisis flexible y compatibilidad
  • nuevos elementos - la sección, el vídeo, el progreso, nav, metro, tiempo, a un lado, lona atributos
  • Nueva entrada - fechas y horas, correo electrónico, url
  • Nuevos atributos - ping, charset, async
  • Atributos globales (que se pueden aplicar para cada elemento) - id, tabindex, re turba
  • elementos desaprobados cayeron - centro, la fuente, huelga
0

HTML 5 invita das añadir un montón de valor semántico a su código. Además, hay una solución nativa para incrustar contenido multimedia.

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

3

Puede que le interese la lista de HTML5 elements and attributes.

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 text/html que siguen esta especificación. Lo mismo vale para XHTML 5 contra XHTML5.

+1

Parece que implica que XHTML 5 existe, mientras que este no es el caso. La última recomendación W3C de XHTML es 1.1, y 2.0 está en las etapas preliminares. –

+4

@David Rivers: Sí existe. [XHTML5 es la serialización XML de HTML5] (http://mathiasbynens.be/notes/xhtml5). –

+2

@David Rivers: Por cierto, XHTML 2 ya no está en las etapas de draft. Se ha [suspendido a favor de HTML5] (http://www.w3.org/News/2009#item119). –

10

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

  • una API para la reproducción de vídeo y audio que se puede utilizar con el nuevo vídeo y elementos de audio.
  • API que permite aplicaciones web sin conexión.
  • API que permite que una aplicación web se registre para ciertos protocolos o tipos de medios.
  • API de edición en combinación con un nuevo atributo global contenteditable.
  • Un arrastre & drop API en combinación con un atributo 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.
Cuestiones relacionadas