Сервис, строящий граф HTML-страницы, позволяет по-новому визуализировать структуру HTML-документа. Например, вот так выглядит структура корневой страницы sochi.org.ru:
Легенда
blue: для ссылок (тэг A)
red: для таблиц (тэги TABLE, TR и TD)
green: для тэга DIV
violet: для картиног (тэг IMG)
yellow: для форм (тэги FORM, INPUT, TEXTAREA, SELECT и OPTION)
orange: для разделителей строк или блоков (тэги BR, P, и BLOCKQUOTE)
black: для тэга HTML, корневой вершины
gray: для всех остальных тэгов
Посмотреть структуру заглавных страниц наиболее известных сайтов можно на странице блога Aharef
А есть скрипт автоматически рисующий такие картинки? 🙂
Было бы офигенно... 🙂
У авторов этого сервиса однозначно он есть 🙂