Como: Navegar no Editor de HTML no Visual Web Developer

O designer do HTML fornece várias maneiras para navegar em seu documento.Os recursos de navegação são particularmente úteis se você está trabalhando com um documento longo ou um com elementos profundamente aninhados.Você pode usar o seguinte:

• A janela Document Outline, que apresenta um modo de exibição em árvore do seu documento

• O navegador de marca, que exibe a marca atualmente selecionada no contexto de seu pai, filho e marcas de nível.

• A marca de correspondência para identificar as marcas de abertura e fechamento para um elemento.A marca de correspondência pode ajudar a distinguir o elemento corrente de outros, sendo especialmente útil quando você tem muitos elementos aninhados na página.

Para navegar usando a janela Document Outline

1. No menu View, clique em Document Outline.Se você está no modo Source, clique com o botão direito do mouse no documento e clique em Synchronize Document Outline.

   A janela Document Outline exibe um modo de exibição em árvore dos elementos em seu documento.Os elementos exatos que são exibidos dependem do modo de exibição em que você está:

   • No modo Design, a estrutura de tópicos exibe elementos no corpo do documento.

   • Em modo Source, a estrutura de tópicos mostra o elemento de corpo assim como os elementos de cabeçalho, e também a diretiva da página e elementos de script e de código, se existirem.

2. Na janela Document Outline, expandir ou recolher as seções, conforme necessário.

3. Clique um elemento para navegar até ele.

   O elemento que você clica fica selecionado no designer.

Para navegar usando o navegador de marca

1. Na parte inferior da janela designer, clique a marca para a qual você deseja se mover.

2. Para se mover mais alto na hierarquia de marcas, clique o botão de seta para a esquerda no navegador.Para se mover mais fundo na hierarquia da marca, clique o botão de seta para a direita.

   Observação:
   Se você tem uma hierarquia profunda, o modo de exibição em árvore pode não ser adequado para o espaço disponível.Para rolar mais alto na hierarquia da marca, clique o botão de seta para a esquerda no navegador.Para rolar mais fundo na hierarquia da marca, clique o botão de seta para a direita.

Para identificar marcas de correspondência usando realce

• No modo Source, coloque o ponto de inserção em qualquer lugar dentro de um elemento.

  As marcas de abertura e fechamento do elemento são exibidas.Como o realce de marca é executada como uma tarefa de plano de fundo, talvez haja um pequeno atraso antes das marcas serem realçadas.

Consulte também

Tarefas

Como: Recolher e expandir elementos HTML no Visual Web Developer

Conceitos

Navegação por Marcas no Editor HTML do Visual Web Developer

Referência

A janela da estrutura do documento