Às vezes defeitos estranhíssimos aparecem no documento HTML. Por exemplo, simplesmente uma parte do texto desaparece. É preciso conferir se não foi esquecido de fechar as aspas utilizadas em um nome de arquivo dentro de uma referência.

Colocar os nomes dos arquivos em maiúsculas

Os servidores que utilizam o sistema operacional Unix —a maioria dos servidores Internet— fazem diferença quando o nome de um arquivo é escrito em maiúsculas ou minúsculas (caixa alta e caixa baixa). Para o servidor, os arquivos TEXTO.TXT e texto.txt são diferentes. É o que se chama de “sensitivo à caixa” (case sensitive, em inglês). A sensitividade à caixa também é mantida quando o nome do arquivo é colocado entre aspas na referência. Se o arquivo foi nomeado como imagem.gif e dentro do documento HTML a referência é para imagem.Gif, o servidor não irá achá-lo. Por isso, deve-se escolher um padrão para os nomes dos arquivos (sempre em maiúsculas ou sempre em minúsculas).

Esquecer de citar o diretório em uma referência

Clica-se no link e aparece uma mensagem dizendo que o
documento não foi encontrado. Basta checar os links para descobrir se não faltou colocar o diretório onde está o arquivo. Em mapas clicáveis, o cuidado deve ser ainda maior. Deve-se checar as referências das áreas com ligação de hipertexto (no editor de mapas), a localização do arquivo imagemap (normalmente /cgi-bin/imagemap) e o nome do mapa.

Fechar uma célula em um parágrafo diferente

É ridículo, mas o Netscape insiste em incluir espaços em branco entre as células se o tag de fim de célula </TD> ficar separado por uma marca de parágrafo do conteúdo da célula. O tag </TD> deve ser colocado imediatamente depois do conteúdo da célula. Exemplo:

Errado

<TD>

<IMG SRC=imagem.gif>

</TD>

Certo

<TD>

<IMG SRC=imagem.gif></TD>

Fechar uma referência em um parágrafo diferente

Uma variação desse erro acontece com os links de imagem. É preciso encerrar a âncora de hipertexto no mesmo parágrafo do conteúdo da referência. Do contrário, o navegador adiciona um traço da cor do link. A solução é a mesma do exemplo anterior: colocar o tag </A> imediatamente depois do conteúdo do link.

» Exemplos de páginas Web »