LMMD-MUS LMMD-MUS LMMD-MUS

home HOME

XHTML Tutorial
XHTML HOME
XHTML Introdução
XHTML Porque?
XHTML x HTML
XHTML Sintaxe
XHTML DTD
XHTML Como Fazer
XHTML Validação

XHTML Como fazer

Anterior Próxima

Como este sítio Web foi convertido para XHTML

Este sítio Web foi convertido de HTML para XHTML no final de semana de 18 e 19 de dezembro de 1999, por Hege Refsnes e Ståle Refsnes.

Para converter um sítio Web de HTML para XHTML, você deve estar familiarizado com as regras de sintaxe da XHTML dos capítulos anteriores. Os seguintes passos foram executados (na ordem listada abaixo):


Uma Definição de DOCTYPE foi Adicionada

A seguinte declaração de DOCTYPE foi adicionada como 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">

Observe que usamos a DTD transitional. Poderíamos ter escolhido a DTD strict, mas achamo-la um pouco "strici" demais, e um pouco difícil de se adaptar.


Uma Observação sobre DOCTYPE

As suas páginas devem ter uma declaração DOCTYPE se você quer valida-las como XHTML corretas.

Esteja alerta entretanto, que os navegadores mais recentes (como o Internet Explorer 6) podem tratar os seus documentos de modo diferente dependendo da declaração <!DOCTYPE>. Se o navegador le um documento com uma declaração DOCTYPE, ele pode tratar o documento como "correto". As XHTML mal-formadas podem falhar [fall over] e serem exibidas diferentemente do que seriam sem a DOCTYPE.


Nomes de Tag e Atributo em Letras Minúsculas

Já que a XHTML é sensível à caixa, e já que a XHTML somente aceita nomes de tags e atributos HTML em letras minúsculas, uma busca e substituição geral foi executada para substituir todas as tags com letras maiúsculas para minúsculas. O mesmo foi feito para os nomes de atrivutos. Sempre tentamos usar letras minúsculas em nossa Web, de modo que a função de substituição não produziu muitas substituições reais.


Todos os Atributos foram Aspados

Como a Recomendação XHTML 1.0 do W3C estabelece que todos osvalores de atributos devem ser aspados, cada página na web foi conferida para ver se os valores dos atributos estavam aspados adequadamente. Isto foi um trabalho que consumiu muito tempo, e certamente nunca mais esqueceremos de colocar aspas em torno dos nossos valores de atributo.


Tags Vazias: <hr> , <br> and <img>

Tags vazias não são permitidas na XHTML. As tags <hr> e <br> devem ser substituidas por <hr /> e <br />.

Isto produziu um problema com o Netscape que mal-interpretava as tags <br/>. Não sabemos porque, mas mudando-as para <br /> funcionou bem. Após aquela descoberta, uma função de busca e substituição geral foi executada para trocar as tags.

Umas poucas outras tags (como a tag <img>) sofriam do mesmo problema acima. Decidimos não fechar as tags <img> com </img>, mas com  /> no final da tag. Isto foi feito manualmente.


O Sítio Web foi Validado (sem TIDY)

Após aquilo, todas as páginas foram validadas com a DTD oficial do W3C com este vínculo: XHTML Validator. Uns poucos erros mais foram encontrados e editados manualmente. O erro mais comum foi a falta das tags </li> nas listas.

Deveríamos ter usado uma ferramenta de conversão? Bem, poderiamos ter usado a TIDY.

O HTML TIDY de Dave Raggett's é um utilitário livre para limpar código HTML. Também funciona bem com a marcação difícil de ler gerada por editores e ferramentas de conversão especializados de HTML, e pode ajuda-lo a identificar onde você precisa prestar mais atenção para fazer a ssuas páginas mais acessíveis a pessoas com deficiências.

A razão pela qual não usamos Tidy? Nós sabíamos sobre a XHTML quanod começamos a escrever este sítio Web. Sabíamos que tínhamos que usar nomes de tags em letras minúsculas e que tínhamos que aspar os atributos. ASsim, quando chegou a hora (de fazer a conversão), nós simplesmente tínhamos que testar nossas páginas com o validador XHTML do W3C XHTML e corrigir os poucos erros. E - aprendemos muito sobre como escrever código HTML "tidy".


Anterior Próxima