Microsoft Expression Web - Validar páginas

Neste capítulo, aprenderemos como garantir que nossos códigos HTML e CSS sejam validados. O Microsoft Expression Web oferece várias maneiras de verificar se há erros de código nas páginas da Web e se o código é incompatível com um esquema HTML e CSS específico.

  • A barra de status e a visualização de código alertam sobre erros de código e incompatibilidade em uma única página, enquanto o painel de tarefas Compatibilidade lista todos os erros de código e incompatibilidade em uma ou mais páginas ou em um site inteiro.

  • O Expression Web identifica código incompatível usando um esquema de documento baseado na declaração DocType em uma página.

  • Se a página não contiver uma declaração DocType ou o DocType não for reconhecido, o Expression Web usa um secondary schema.

Ao criar um site e trabalhar em suas páginas, você deve desenvolver o hábito de validar as páginas. O Microsoft Expression Web possui várias ferramentas que podem ser muito úteis ao validar suas páginas da web. Existem duas opções muito úteis no Expression web, portanto, vamos ao menu Ferramentas e selecione a opção Editor de páginas.

A guia Geral oferece duas opções -

  • Highlight Invalid HTML - Esta opção quando marcada, exibirá um HTML inválido em um esquema de cores específico e o padrão em texto vermelho sobre fundo amarelo.

  • Highlight Incompatible HTML - Esta opção quando marcada, exibirá um sublinhado ondulado abaixo do código que não é compatível com os padrões HTML.

Barra de status

Quando a página da web aberta atual contém um erro de código, você verá um Code Error Detected ícone (destacado na imagem a seguir).

Vamos supor que você esqueceu o símbolo “>” em uma tag </div> -

<div id = "footer"></div>

Nesse caso, a barra de status na parte inferior da janela do programa exibe o ícone Code Error Detected.

Quando você seleciona “Ir para o erro” no menu suspenso, ele o levará para a linha onde o erro existe e você pode corrigir a sintaxe facilmente.

Quando a página contém um código incompatível com o DocType especificado, a barra de status exibe um HTML Incompatibility Detected ícone.

Vamos supor que você usou “hre” para um hiperlink em vez de “href”, o que é um erro.

<li><a href = "index.html" title = "Site Home Page">Home</a></li>

A barra de status exibe o ícone HTML Incompatibility Detected, conforme mostrado na captura de tela a seguir.

Quando você seleciona “Ir para o erro” no menu suspenso, isso o levará para a linha onde o erro existe e você pode corrigir a sintaxe facilmente.

Relatório de Compatibilidade

Um relatório de compatibilidade verifica as páginas e arquivos CSS em busca de erros de código e o código que é incompatível com o DocType e o esquema CSS que você especifica. Você pode gerar um relatório que verifica apenas arquivos específicos ou um site inteiro.

Step 1 - Para gerar um relatório de compatibilidade, vá ao menu de ferramentas e clique na opção Relatórios de compatibilidade….

Step 2- A caixa de diálogo Verificador de compatibilidade oferece opções diferentes para verificar apenas arquivos específicos em seu site, abra esses arquivos ou selecione-os no painel de tarefas Lista de pastas ou na exibição do site. Selecione as opções de acordo com o requisito e clique no botão Verificar.

Step 3- O painel de tarefas Compatibilidade é aberto e o status da geração do relatório aparece na parte inferior do painel de tarefas. Ao clicar duas vezes em qualquer linha, você será levado ao local onde existe o erro.