Практическое руководство. Структура переходов в HTML-редакторе в Visual Web Developer

Обновлен: Ноябрь 2007

В конструкторе HTML предусмотрено несколько способов перемещения в рамках документа. Средства перемещения позволяют существенно упростить работу с длинным документом или же с документом, в котором имеются глубоко вложенные элементы. Можно использовать следующие средства перемещения:

• Окно «Структура документа», которое обеспечивает представление документа в виде «дерева».

• Навигатор тегов, который отображает выбранный в настоящий момент тег в контексте родительских тегов, дочерних тегов и тегов того же уровня.

• Процедура сопоставления тегов, позволяющая определить открывающиеся и закрывающиеся теги элемента. Процедура сопоставления тегов позволяет отличить текущий элемент от других; эта возможность особенно полезна, когда на странице много вложенных элементов.

Переход с помощью окна «Структура документа»

1. В меню Вид выберите Структура документа. Если в настоящий момент открыто представление исходного кода, щелкните правой кнопкой мыши документ, а затем щелкните Синхронизировать структуру документа.

   В окне Структура документа будет отображено представление элементов документа в виде «дерева». Отображение самих элементов зависит от текущего представления:

   • В режиме конструктора в структуре отображаются элементы основной части документа.

   • В режиме исходного кода в структуре отображается элемент основной части, элементы в заголовке, директива страницы, а также элементы сценария и кода, если они имеются.

2. В окне Структура документа можно при необходимости разворачивать и сворачивать разделы.

3. Чтобы перейти к элементу, достаточно щелкнуть его.

   Элемент, по которому щелкнул пользователь, будет выделен в конструкторе.

Переходы с помощью навигатора по тегам

1. В нижней части окна конструктора щелкните тег, к которому необходимо перейти.

2. Чтобы перейти на один уровень вверх в иерархии тегов, нажмите в навигаторе кнопку «Стрелка влево». Чтобы перейти на один уровень вниз в иерархии тегов, нажмите кнопку «Стрелка вправо».

   Примечание.
   Если иерархия включает много уровней, представление в виде «дерева» может полностью не уместиться в отведенной области. Чтобы прокрутить на один уровень вверх в иерархии тегов, нажмите в навигаторе кнопку «Стрелка влево». Чтобы прокрутить на один уровень вниз в иерархии тегов, нажмите кнопку «Стрелка вправо».

Идентификация парных тегов методом подсветки тегов

• В представлении исходного кода поместите курсор в любое место внутри элемента.

  В результате будут показаны открывающий и закрывающий теги данного элемента. Поскольку подсветка тегов выполняется как фоновая задача, результат будет отображаться с небольшой задержкой.

См. также

Задачи

Практическое руководство. Сворачивание и разворачивание элементов HTML в Visual Web Developer

Основные понятия

Навигация по тегам в редакторе HTML в Visual Web Developer

Ссылки

Окно "Структура документа"