El mapa tags de tu sitio

Mapa de xoyazEn la imagen el mapa de xoyaz. Una muy interesante aplicación que genera imagenes a travez de los tags que componen el código fuente de las páginas. Interpretando el html muestra de que forma están construidos los sitios, separando por colores las etiquetas. La idea de tener un referente visual me parece buena para comparar la buena estructuración de un sitio. Me ha gustado mucho revisar algunas páginas la cuales visito seguido. Aquí está la aplicación para Websites as Graphs.

  • Azul: para los vínculos (los A tag)
  • Rojo: para las tablas (TABLE, TR y TD tags)
  • Verde: para las queridas DIV tag
  • Violeta: para las imagenes (las IMG tag)
  • Amarillo: para formularios (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
  • Naranja: para saltos de liena y citas (BR, P, and BLOCKQUOTE tags)
  • Negro: el HTML tag, el nodo raiz
  • gris: Todos los otros tags


Mapping the html in a website

Comments

comments

6 pensamientos en “El mapa tags de tu sitio”

  1. Oye gracias!! por tu respuesta y a ti por lo que escribiste, igual me imagino que te imaginas que te estoy agradeciendo. 😉

    Thanks you 3stripe. It’s a interesting aplication. I talk about colors and tags, a little translations. 🙂

  2. buen arí­culo…. super interesante y útil, vale amigo que ya has empezado a recoger comentarios… parece que la espera ha sido llenada… éxitos con tu web y tus post…

    salu2

    maro

Los comentarios están cerrados.