Окно структуры документа отображает древовидное представление HTML-элементов на странице. Это иерархическое представление является также отличным средством навигации, поскольку оно позволяет вам охватить одним взглядом структуру всей вашей Web-страницы и моментально перейти к любому элементу страницы.

Для использования окна структуры документа Document Outline выберите в меню View | Other Windows | Document Outline. На рис. 8.9 показан образец окна структуры: элементы заголовка, страницы и тела страницы (в дополнение к элементам скрипта и кода).

Щелчок по элементу приведет к переходу на этот элемент в окне визуального конструктора (причем сам элемент будет выделен) и, конечно, вы можете разворачивать или сворачивать узлы дерева по мере необходимости.