Formatando elementos no editor de HTML no Visual Web Developer
Quando você está trabalhando no Designer de HTML, o editor pode auxiliar você com os elementos de formatação.Este tópico descreve os recursos de formatação do editor para trabalhar com elementos de marcação.
Formatação padrão
Por padrão, o editor de HTML permite que você formate a marcação da forma que quiser, mantendo as quebras de linha e recuos exatamente como você os digita.O editor inclui recursos que ajudam você a formatar seus elementos.Por exemplo, se você recuar uma linha pressionando TAB, as linhas subsequentes são recuadas também.Você pode remover um recuo de linha usando SHIFT+TAB.A formatação aplicada à sua página é mantida conforme você alterna entre o modo Fonte e o modo Design.
Você pode definir opções básicas sobre como o editor no modo Fonte trata guias.Para obter detalhes, consulte:Guias, HTML, editor de texto, caixa de diálogo Opções.
Além disso, você pode definir opções que fazem o editor inserir automaticamente aspas e marcas de fechamento enquanto digita.Para obter detalhes, consulte:Formato, HTML, Editor de Texto, Caixa de Diálogo Options.
Formatação e o esquema atual
Determinadas opções de formatação, como o uso de maiúsculas e o uso de aspas em atributos, podem ser substituídos pelo esquema que você selecionar no editor.Por exemplo, se você selecionar o esquema XHTML 1.1 Strict, o editor converte maiúsculas em nomes de marcas e de atributos em minúsculas, porque o esquema permite somente nomes em minúsculas.
Especificando opções de formatação
Quando você cria elementos, o designer formata o novo elemento usando determinadas opções que você pode definir.Por exemplo, por padrão, elementos clientes (como marcas HTML) são criados com nomes de marcas em minúsculas.As opções de formatação são aplicadas quando:
Você arrasta controles da Toolbox para a página.
Você usa o IntelliSense para criar marcas no modo Fonte.
Você define valores na janela Properties ou na propriedade construtores.
Você cola um elemento da área de transferência.
Você gerar marcação usando uma caixa de diálogo tal como Caixa de diálogo Insert Table no modo de design.
Você formata a seleção ou o documento manualmente.
Para obter detalhes sobre como definir as opções de formatação, consulte Formato, HTML, Editor de Texto, Caixa de Diálogo Options e Caixa de diálogo de opções de HTML, editor de texto, diversos,.
Opções de Formatação para marcas individuais
Você também pode definir as opções de formatação de marcas individualmente, o que permite a você personalizar a maneira como o designer de HTML formata marcas individuais.A formatação específica de marcas permite você definir:
Como as marcas são fechadas (não fechada, autoterminada, ou com uma marca de fechamento separada).
Quebras de linhas ao redor e dentro de marcas.
Como as marcas são recuadas.
Opções de estruturas de tópicos.
Coloração de marcas no editor.
Para obter detalhes, consulte:Opções específicas de marca.
Formatação por demanda
Você pode formatar o documento ou uma seleção a qualquer momento usando o comando Format Document no menu Edit ou no menu de atalho.Outras opções disponíveis nesse menu para formatação incluem opções para converter seleções em maiúsculas ou minúsculas e para converter espaços em tabulações (Tabify Selection) ou tabulações em espaços (Untabify Selection).Quando você formata manualmente, o editor usa as opções de formatação que você definiu (a menos que você esteja substituindo uma regra, quando convertendo explicitamente maiúsculas em minúsculas ou vice-versa).Se você alterar as opções de formatação, você pode aplicá-las nas marcações existentes reformatando o documento.
Regras para preservar espaços em branco
O processo de formatação do editor é cuidadoso para respeitar como o HTML deve apresentar os espaços em branco no navegador.O editor, portanto, não alterará a formatação de um elemento se isso resultar em uma alteração em como a página é apresentada.Você irá notar esse comportamento no editor especialmente ao trabalhar com marcações que não incluam espaços entre marcas.
Por exemplo, sua página pode incluir a seguinte marcação para dois botões HTML:
<input type="button" id="b1"><input type="button" id="b2">
Quando a página é processada, os dois botões aparecem sem nenhum espaço entre elas.Se você formatar o documento de editor, você pode esperar as duas marcas para serem colocadas em suas próprias linhas.No entanto, colocando as marcas em duas linhas resultaria em um espaço que aparece entre os botões quando processa a página, assim o editor não move as marcas.Se você colocar manualmente um espaço entre as marcas, então a formatação pode alterá-la para uma quebra de linha, porque a reformatação em seguida não afeta como os botões no navegador são processados.
Outro caso comum onde as regras de espaços em branco substituem a formatação é entre conteúdo e a marca de fim.Por exemplo, seu documento pode conter o seguinte elemento table, todo em uma linha:
<table><tr><td>Hello, World</td></tr></table>
Se você reformatar o documento manualmente, o resultado é o seguinte:
<table>
<tr>
<td>
Hello, World</td>
</tr>
</table>
A marca de fechamento </td> não será movida para a próxima linha porque afetaria como a célula é apresentada.Se você inserir um espaço manualmente entre "Hello, World" e marca </td> e então reformatar o documento, o editor irá mover a marca de fechamento para a próxima linha.
Formatando código interno
Como regra, script de cliente e código de servidor nas páginas da Web do ASP.NET são formatados de acordo com as regras para o editor da linguagem.Comportamento de retorno de carro, geração de nova linha, recuo, e assim por diante são todos ditados pelos respectivos formatadores das linguagens.Por exemplo, o formatador da linguagem do Visual Basic recua automaticamente a linha após uma declaração Function.
No modo Fonte, blocos de script são recuados um nível em relação aos seus elementos pais.Expressões internas — aquelas que começam com <%#, <%$, ou <%= — não são formatadas; elas são deixadas como você as digita.However, if you type a block of statements individually delimited with <% %> delimiters, the editor will format the block as if it were one block using the indentation rules of the appropriate language.