Escribiendo código HTML limpio y semánticamente correcto

La gente de Web Designer Wall ha escrito un artículo titulado Coding Clean and Semantic Templates que trata algunos consejos para escribir código HTML que sea limpio y adecuado a los contenidos.

De forma breve, los consejos que apuntan son:

  • Minimizar el uso de los tag <div>
  • Usar únicamente el tag  <div> para dar forma a la web: cabecera, barra lateral, contenido y pie de página (header, content, sidebar, and footer)
  • El contenido de la web tiene que usar tags HTML semánticos (h1,h2,…p,…, strong,…), no hay que usar <div> para todo
  • Hay que formatear (indentar) el código y añadir un comentario cuando se cierran los </div>

El post se lee bastante rápido, así que podeis echarle un vistazo.

A la lista anterior yo añadiría que usar tablas simplifica el desarrollo, así que usa tablas cuando lo creas conveniente.

Trackback URL

, , ,

10 Comments on "Escribiendo código HTML limpio y semánticamente correcto"

  1. Juanjo
    19/11/2009 at 2:58 pm Permalink

    No me parece nuevo, y además tiene un efecto SEO de lo más interesante.

    Es decir… si es <h1> un título es más evidente para un robot que no un <div>, ¿no? :)

    Imagino que hay que redescubrir la gaseosa de vez en cuando.

  2. Juanjo
    19/11/2009 at 2:59 pm Permalink

    buah! se comío los > < :( sorry.

  3. Pau Sanchez
    20/11/2009 at 1:24 am Permalink

    Ale, te he editado el comentario, deduzco que sería algo parecido lo que habias puesto :)

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Subscribe to Comments