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

Visual Studio 2010

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

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

Навигатор по тегам отображается в нижней части редактора веб-страниц. Иерархия тегов представляется в виде пути навигации (также называемого путем иерархической навигации), отображающего путь от текущего выбранного тега к самому внешнему тегу из присутствующих. В режиме конструктора самым внешним тегом будет тег <body>, поскольку в режиме конструктора изменение допускается только для основного текста документа. В режиме исходного кода самым внешним тегом будет тег <html>.

Навигатор по тегам отображает все элементы текущего документа, включая как теги разметки HTML (или другие теги разметки), так и серверные веб-элементы управления ASP.NET (элементы <asp:>). Если элемент является серверным веб-элементом управления, и ему сопоставлен атрибут ID или класс в каскадной таблице стилей (CSS), то атрибут ID или, соответственно, класс CSS отображается в навигаторе по тегам, чтобы помочь отличить данный элемент от других. Если длина пути к тегу превосходит ширину окна конструктора, то список усекается со стороны родительского тега; при этом отображается кнопка, позволяющая отобразить дополнительные родительские теги.

b53y76zk.alert_note(ru-ru,VS.100).gifПримечание.

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

Тег в навигаторе можно щелкнуть, чтобы выбрать элемент, который он представляет. Если у тега может иметься содержимое, то в теге будет отображен раскрывающийся список, позволяющий выбрать либо весь элемент, либо только его содержимое. Так, например, если в навигаторе отображается тег <td>, то можно использовать этот раскрывающийся список для выбора всего элемента <td> (что позволяет задавать свойства этого элемента) или только содержимого элемента <td> (что позволяет изменить это содержимое).

Функция выбора в навигаторе по тегам полезна при выполнении составных операций изменения, например:

  • Изменение таблиц в режиме исходного кода   Навигатор по тегам упрощает копирование, перемещение или удаление разметки ячейки таблицы (элемента <td>).

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

Показ: