Modo de exibição Source

  • Artigo

O modo Fonte (Source) exibe a marcação HTML para a sua página Web, que você pode editar.Como padrão, todos os elementos HTML e scripts são exibidos quando você seleciona o modo Source inicialmente.Você pode arrastar elementos do Toolbox, mesma maneira que faz quando está editando um página da Web em modo Design, e ver sua marcação inserida no documento

Para selecionar o modo Fonte, clique na guia Source na parte inferior da janela HTML Designer.

O modo Fonte fornece as seguintes vantagens sobre o modo Design:

  • Você pode ajustar a marcação para seus elementos e controles.

  • Você pode formatar o documento ao seu gosto.

  • Você pode editar elementos que não estão no corpo.O modo Design só exibe elementos que estão localizados entre elementos body.Por exemplo, você pode editar o elemento head diretamente quando estiver trabalhando no modo Fonte.

  • Você pode editar diretivas de página.

  • Você pode criar e editar script de cliente.

  • Você pode editar o código do servidor para a página quando você estiver trabalhando com uma página de arquivo único (em oposição a uma página com um arquivo de código por trás).

Quando você alternar para modo Design, as alterações que você fez no modo Fonte são refletidas imediatamente.

Observação:

Alguns erros marcação podem impedi-lo de alternar para modo Design porque eles poderiam causar problemas para o editor, incluindo a possível perda de dados.Por exemplo, se uma marca não estiver corretamente fechada, o editor exibe um erro e para a troca de modos.Detalhes sobre o erro são exibidas na Janela Lista de Erros.Você pode visualizar sua página, executando-a, mesmo que não seja possível alternar para modo Design.

Para ajudá-lo a se mover entre elementos e selecioná-los, o modo Fonte fornece as seguintes opções:

  • Tag Navigator A marca de navegação exibe o elemento atual, juntamente com a hierarquia dos elementos pai ao qual ele pertence.Você pode usar a marca de navegação para ver qual elemento possui o foco e para mover do elemento atual para um elemento que é localizado acima na hierarquia.Para obter detalhes, consulte:Navegação por Marcas no Editor HTML do Visual Web Developer.

  • Document outline   A janela Document Outline lhe possibilita localizar e selecionar todos os elementos contidos num documento, incluindo elementos que não são exibidos.Para obter detalhes, consulte:Como: Navegar no Editor de HTML no Visual Web Developer.

Validação

No modo de origem, o editor verifica automaticamente a sintaxe do documento e indica marcas, atributos, ou valores que são não válidos.Você pode selecionar um esquema de validação com o qual trabalhar, seja por navegador (por exemplo, Microsoft Internet Explorer) ou por padrão (por exemplo, 1.1 XHTML Estrito).Para obter detalhes, consulte:Validação de marcação no Visual Web Developer.

IntelliSense

O IntelliSense é o recurso do Visual Studio que exibe uma lista suspensa de possíveis palavras-chave que poderia completar o que você está digitando.Por exemplo, se você digitar o início do um nome de classe, o IntelliSense exibe uma lista suspensa que contém todas os nomes de classes que começam com os caracteres que você tenha digitado até agora.

No modo Fonte, o editor exibe o IntelliSense para praticamente todos os elementos, incluindo os controles do servidor Web do ASP.NET, marcação, diretivas de página, e script de cliente.O IntelliSense oferecido pelo o editor é controlado pelo o esquema de validação em uso, para que o editor não lhe ofereça IntelliSense para marcas, atributos, ou valores que não são válidos para o esquema em uso.

Observação:

Você pode desativar a conclusão de instruções.Para obter detalhes, consulte Geral, HTML, editor de texto, caixa de diálogo Opções.

Formatação

O editor oferece as seguintes opções para formatar o documento e marcas individuais:

  • ou Arrastando ou colando elementosQuando você arrasta elelmentos a partir do Toolbox ou os cola a partir da área de transferência, o editor pode criar os elementos exatamente como eles foram formatados antes ou reformatar os elementos, de acordo com as opções que você especificar.Para obter detalhes, consulte:Caixa de diálogo de opções de HTML, editor de texto, diversos,.

  • Adicionando aspas ou marcas de fim Você pode definir opções que causam ao editor inserir automaticamente aspas ao redor de valores de atributo e automaticamente criar uma marca de fim quando você termina uma marca de início.Para obter detalhes, consulte:Formato, HTML, Editor de Texto, Caixa de Diálogo Options.

  • Formatação por marca Você pode especificar regras sobre como o editor formata marcas quando você cria elementos.As opções incluem como colocar em maiúscula marcas e atributos, e onde colocar as quebras de linha.Para obter detalhes, consulte:Opções específicas de marca.

  • Formatando elementos ou documentos Você pode aplicar as regras de formatação em uso a uma seção selecionada ou ao documento como um todo.

  • Outlining documents Você pode recolher e expandir elementos para criar mais espaço de trabalho no editor.Por exemplo, você pode recolher um elemento table para ocultar todas as suas linhas e células, e depois expandi-lo quando você desejar editá-lo.Você pode recolher e expandir elementos manualmente, e você pode especificar regras para o quão grande é um elemento é antes do editor adicionar automaticamente tópicos para um elemento.Para obter detalhes, consulte:Como: Recolher e expandir elementos HTML no Visual Web Developer.

Escrevendo Código para Scripts Cliente e Servidor

No modo Fonte, você pode criar script de cliente executado no navegador.Se você estiver trabalhando com um página Web ASP.NET de arquivo único, você também pode editar a página do código servidor no modo Source.Para obter informações sobre script de cliente em páginas ASP.NET, consulte Script de Cliente em Páginas da Web ASP.NET.Para obter informações sobre páginas ASP.NET de arquivo único, consulte Modelo de código de página Web do ASP.NET.

Script de Cliente

Você pode escrever script de cliente como faria em qualquer editor, incluindo-o ou como parte de um elemento ou no seu próprio bloco <script>.Em um bloco de script, o editor oferece o IntelliSense que é configurada para o modelo de objeto do documento atual e para o linguagem de script cliente que você especificar para o bloco de script.Se você não especificar uma linguagem, o editor pressupõe que ele é ECMAScript.

Observação:

T editor não valida o script de cliente.

O editor exibe duas listas suspensas na parte superior da janela.Para o script cliente, a lista suspensa no lado esquerdo exibe uma lista de objetos de documento para os quais você pode escrever manipuladores de eventos; a lista suspensa do lado direito exibe eventos para o objeto selecionado.Você pode criar um novo manipulador, selecionando o objeto e, em seguida, selecionando o evento.Eventos que já tenham manipuladores são exibidos em negrito.

Para ajudar com navegação script de cliente, a lista suspensa no lado esquerdo também exibe a opção Client Script.Quando você seleciona Client Script, a lista suspensa do lado direito o exibe uma lista dos manipuladores de evento Client-script.Você pode selecionar um manipulador e ir diretamente para ele.

Código de servidor

Se você estiver trabalhando em um página Web do ASP.NET que usa o modelo de código de arquivo único, o modo Fonte exibe o código de servidor da página em um bloco de script que inclui o atributo .

Observação:

Código de servidor não requer um atributo de linguagem; a linguagem de código do servidor da página é estabelecida na @ Page directive.

Para o código servidor, a lista suspensa no canto superior esquerdo da página da exibe os controles do servidor para o qual você pode escrever código.O lista suspensa no lado direito exibe uma lista de eventos para o controle que está atualmente selecionado.Você pode criar um novo manipulador de eventos, selecionando o objeto e, em seguida, selecionando o evento.Eventos que já tenham manipuladores são exibidos em negrito.

Consulte também

Conceitos

O Modo Design