Con la llegada de HTML 5 a la movida de Internet son muchos los cambios que se estarán dando. Algunos bloggers y webmasters han comenzado ya la maquetación de su sitio basándose en estos estándares para estar a la par de los cambios que se vienen. Otros comienzan a tener dudas en torno al enfoque SEO que se le dará a todo esto.

Sin duda los cambios que se vienen son significativos. Se han añadido elementos básicos estructurales, aunque lo que suele cambiar más es la estructura de los documentos, sobre todo si supone la transición de una versión de nivel superior a otra, como lo supondrá el cambio de HTML 4 a HTML 5.

Por otro lado, algunos de ustedes recordarán la web anterior, con estándares HTML 3. Debo confesar que he llegado a maquetar, incluso estando en HTML 4, usando estructuras de programación tipo tablas, sobre todo anidadas (con los inolvidables colspan y rowspan).

Hoy la estructura de HTML 5 supone nuevamente un reto y la podemos revisar a continuación gracias a unas imágenes que nos llegan vía el blog de Javier Casares:

Estructura básica con HTML 3:

Estructura documento web HTML 3

Estructura básica con HTML 4

Estructura de documento web HTML 4

Estructura básica con HTML 5

Estructura documento web HTML 5

a

Términos relacionados:

  • estructura html5
  • html5
  • maquetacion html5
  • maquetar html5
  • estructura de html5

Etiquetas: ,

Comentarios ( 13 ) en: Estructura HTML 5
  • KnxDT dijo:

    En Tecnologia Diaria: Estructura HTML 5 http://www.tecnologiadiaria.com/2010/05/estructura-html-5.html

    Este comentario fue originalmente publicado en Twitter

  • Sandra Flores López dijo:

    RT @KnxDT Estructura HTML 5 http://bit.ly/bTO3us

    Este comentario fue originalmente publicado en Twitter

  • juan manuel dijo:

    Estructura HTML 5: Con la llegada de HTML 5 a la movida de Internet son muchos los cambios… http://goo.gl/fb/rggaN

    Este comentario fue originalmente publicado en Twitter

  • Jaume Figa dijo:

    La nueva estructura HTML 5 http://bit.ly/ad4tPV

    Este comentario fue originalmente publicado en Twitter

  • Julián de la Guía dijo:

    Estructura HTML 5 http://goo.gl/Y4oD

    Este comentario fue originalmente publicado en Twitter

  • debolivia dijo:

    Estructura HTML 5 http://bit.ly/bKEZK4 /cc @feedly

    Este comentario fue originalmente publicado en Twitter

  • Mario César dijo:

    RT @debolivia: Estructura HTML 5 http://bit.ly/bKEZK4 /cc @feedly

    Este comentario fue originalmente publicado en Twitter

  • PortalTodo dijo:

    RT @KnxDT Estructura HTML 5 http://bit.ly/bTO3us

    Este comentario fue originalmente publicado en Twitter

  • Recursos para Devs dijo:

    Estructura HTML 5 http://bit.ly/9XdybQ

    Este comentario fue originalmente publicado en Twitter

  • mxkro dijo:

    Me ha servido para aclarar muchas dudas que tenía… Gracias.

  • wilko dijo:

    es bueno aprenderla, porque me aservido para aclarar una quiotra dudita,

  • Característica del nuevo HTML5 | NetConsulting dijo:

    [...] En el ámbito del diseño lo más importante son las etiquetas del HTML 5. Pero conviene recordar que (como es habitual en el W3C) se asegura la compatibilidad hacia atrás con lo cual podemos seguir escribiendo en el viejo HTML 4 sin miedo, porque los navegadores seguirán mostrando correctamente las páginas. Sin embargo, profesionalmente nos vamos a quedar atrás y en algún momento debemos encarar la transición. [...]

  • aldahir lopez dijo:

    nueva estructura html 5 super http://t.co/alEXmMV