Каждый день мы просматриваем множество сайтов.
Структура этих сайтов отражена в HTML коде.
Sala, автор этого блога, написал очень интересный аплет, который анализирует тэги страниц, и визуализирует их в соответствии со следующей спецификацией:
![](https://habrastorage.org/r/w780q1/getpro/habr/olpictures/242/d7b/8c4/242d7b8c405b2d46ddff633eb3c93ebd.jpg)
Вот, например, визуализация msn.com. Довольно разветвленная структура, с большим количеством картинок:
![](https://habrastorage.org/r/w780q1/getpro/habr/olpictures/362/040/7e0/3620407e07e9ddb9431bac73a52a509c.jpg)
msn.com
А вот структура apple.com. Довольно простая структура, за исключением массива желтых точек (это dropdown менюшки)
![](https://habrastorage.org/r/w780q1/getpro/habr/olpictures/5c1/ec0/1fa/5c1ec01fa296feafc9d1e9ef0e6b253d.jpg)
apple.com
Прост и гениален Google. Мне не удалось подобрать структуру проще:
![](https://habrastorage.org/r/w780q1/getpro/habr/olpictures/940/ced/18f/940ced18fab6b3f8030256eb99691dc7.jpg)
google.com
А сам апплет можно посмотреть здесь.
Структура этих сайтов отражена в HTML коде.
Sala, автор этого блога, написал очень интересный аплет, который анализирует тэги страниц, и визуализирует их в соответствии со следующей спецификацией:
![](https://habrastorage.org/getpro/habr/olpictures/242/d7b/8c4/242d7b8c405b2d46ddff633eb3c93ebd.jpg)
Вот, например, визуализация msn.com. Довольно разветвленная структура, с большим количеством картинок:
![](https://habrastorage.org/getpro/habr/olpictures/362/040/7e0/3620407e07e9ddb9431bac73a52a509c.jpg)
msn.com
А вот структура apple.com. Довольно простая структура, за исключением массива желтых точек (это dropdown менюшки)
![](https://habrastorage.org/getpro/habr/olpictures/5c1/ec0/1fa/5c1ec01fa296feafc9d1e9ef0e6b253d.jpg)
apple.com
Прост и гениален Google. Мне не удалось подобрать структуру проще:
![](https://habrastorage.org/getpro/habr/olpictures/940/ced/18f/940ced18fab6b3f8030256eb99691dc7.jpg)
google.com
А сам апплет можно посмотреть здесь.