AOWS

Just another adrian’s weblog

HTML 5

leave a comment »

El W3C hizo público hace un par de semanas el primer borrador de la especificación HTML5. Pero, ¿cuáles serán las novedades que nos traerá la nueva versión de HTML?

Lo que se va

Desaparecen un montón de elementos (entre otros, center, font, frame, acronym, applet o noscript) y de atributos (como accesskey, target, name, language, o abbr).

Lo que llega

En contrapartida, dispondremos de nuevas etiquetas como:

  • section: representa un agrupamiento temático de contenido, normalmente con un encabezado (indicado con h1-h6) y posiblemente un pie.
  • nav: sección de una página que enlaza a otras o partes dentro de la misma página.
  • article: representa una sección de una página que consiste en una composición que forma una parte independiente de un documento, página o sitio. Puede ser un post de un foro, un artículo de un periódico, una entrada de un blog, o cualquier otro contenido independiente.
  • aside: contenido ligeramente relacionado con el resto de la página.
  • header: encabezado de una sección.
  • footer: pie de una sección que puede contener información sobre el autor, por ejemplo.
  • dialog: para marcar conversaciones.
  • figure: utilizada para asociar un texto (caption) con algún contenido, como una imagen o un vídeo.
  • audio y video: para contenidos multimedia.
  • time: una fecha.
  • Los campos de los formularios reciben nuevas opciones: datetime, date, month, time, number, range, email, url.

Algo más visual

Pues nada, seguidamente unos bonitos y explicativos diagramas extraídos del magnífico artículo de A List Apart: A preview of HTML5 (recomendada la lectura si interesa el tema).

Antes:

HTML5

Después:

HTML5

¿Ejemplo real, por favor?

De acuerdo. A continuación, un ejemplillo para ver cómo el HTML5 nos permitirá estructurar mucho mejor el código de la página, dándole significado a las distintas partes de la misma (web semántica).

[html]

AOWS

AOWS

HTML 5

El artículo sobre HTML5, con un vídeo:

« Entradas anteriores

Copyleft 2008 AOWS

[/html]

Como se puede ver, una página web mucho más limpia y mejor estructurada.

Vídeo interesante y relacionado: Semantic web for noobs.

Written by adrian

5 febrero, 2008 a 20:45

Publicado en Posts

Tagged with , , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: