Перейти к содержимому

Граф структуры HTML-страницы

Сервис, строящий граф HTML-страницы, позволяет по-новому визуализировать структуру HTML-документа. Например, вот так выглядит структура корневой страницы sochi.org.ru:
sochi.org.ru.2.jpg

Легенда

blue: для ссылок (тэг A)
red: для таблиц (тэги TABLE, TR и TD)
green: для тэга DIV
violet: для картиног (тэг IMG)
yellow: для форм (тэги FORM, INPUT, TEXTAREA, SELECT и OPTION)
orange: для разделителей строк или блоков (тэги BR, P, и BLOCKQUOTE)
black: для тэга HTML, корневой вершины
gray: для всех остальных тэгов

Посмотреть структуру заглавных страниц наиболее известных сайтов можно на странице блога Aharef

41 thoughts on “Граф структуры HTML-страницы

  1. revan

    А есть скрипт автоматически рисующий такие картинки? 🙂
    Было бы офигенно... 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *