Como atualizar para XHTML?

Como atualizar seu site para XHTML?

Para transformar o site de HTML para XHTML, você deve primeiro familiarizar-se com as regras de sintaxe do XHTML explicadas nos primeiros capítulos.

A seguir, explicaremos os passos específicos.

Adicionar declaração de tipo de arquivo

Adicione a declaração de tipo de arquivo abaixo na primeira linha de cada página:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Atenção:Este site (codew3c) utiliza um DTD rigoroso. No entanto, usar um DTD transitório também é uma boa escolha, pois para a maioria dos desenvolvedores iniciantes, um DTD rigoroso pode parecer 'muito rigoroso'.

Um pouco de dica sobre a declaração de tipo de arquivo

Se você deseja verificar a página como XHTML correto, a página deve conter uma declaração de tipo de arquivo.

É importante notar que, dependendo do tipo de arquivo declarado, os novos navegadores tratam os documentos de maneiras diferentes. Se o navegador ler uma declaração de tipo de arquivo, ele tratará o documento de maneira 'correta'. Sem o DOCTYPE, o documento pode ser exibido de maneira completamente diferente.

Tags e nomes de atributos em minúsculas

Devido à sensibilidade à maiúsculas e minúsculas do XHTML, bem como ao fato de que o XHTML aceita apenas tags e nomes de atributos em minúsculas, você pode executar um comando de busca e substituição simples para converter todas as tags em minúsculas. Também deve ser feito o mesmo com os nomes dos atributos. Temos estado usando letras minúsculas em nosso site, então basicamente, a função de substituição não foi muito útil.

Adicionar aspas a todos os atributos

Devido ao fato de que o padrão W3C XHTML 1.0 requer que todos os valores de atributos sejam entre aspas, se você não notou esse detalhe antes, precisará verificar cada página do site. Isso é um trabalho que consome muito tempo, então nunca se esqueça de adicionar aspas aos valores dos atributos.

Tags vazias: <hr> , <br> e <img>

No XHTML, não é permitido usar tags vazias (Empty tags). As tags <hr> e <br> devem ser substituídas por <hr /> e <br />.

Isso gerou um novo problema, o Netscape lê incorretamente a tag <br/>. Não estamos certos do porquê, mas substituindo por <br /> resolveu o problema. Após reconhecer isso, você precisa novamente alterar as tags através da função de busca e substituição.

Outras tags (como a tag <img>) também podem encontrar problemas semelhantes. Não use tags de fechamento para fechar <img>, mas adicione / > no final da tag.

Verificar site

Após fazer tudo isso, use o seguinte link para verificar todos os páginas modificadas de acordo com o DTD oficial do W3C: Validador XHTMLEm seguida, podem ser encontrados alguns erros menores, que devem ser corrigidos um a um (manualmente). A nossa experiência é que o erro mais comum é omitir a tag </li> na lista.

Deveríamos usar ferramentas de conversão (como o TIDY)? Sim, poderíamos usar o TIDY.

Dave Raggett's HTML TIDYÉ uma ferramenta gratuita para limpar código HTML. No que diz respeito ao processamento de código HTML difícil de ler gerado por editores de código HTML especializados e ferramentas de conversão, o TIDY ainda faz um ótimo trabalho. Além disso, ele pode ajudar a identificar onde mais atenção deve ser dedicada no site, tornando as páginas mais acessíveis para pessoas com deficiências.

Por que não usamos Tidy? Quando começamos a criar este site, já estávamos muito familiarizados com o XHTML. Naquela época, já sabíamos usar tags em minúsculas e adicionar aspas aos atributos. Portanto, durante o teste do site, fizemos testes simples usando o validador XHTML do W3C e corrigimos alguns erros. Mais importante ainda, aprendemos muito sobre como escrever código HTML no estilo Tidy.

Leitura Extra

Se você deseja entender melhor como usar o XHTML para estruturar páginas, leia:Estrutura XHTML》。