Desenvolvimento - HTML

Escrevendo um XHTML válido

Ter uma Web com as suas informações todas "organizadas" é extremamente importante, isso facilita uma busca pela Web por informações mais precisas. Para que seu arquivo possa ser lido por máquinas além de humanos é muito importante que você escreva um XHTML válido, com isso você está fazendo com que as informações do seu site fique mais acessível para as buscas, contribuindo para o projeto e principalmente melhorando as visitas do seu site.

por Equipe Linha de Código



Porque escrever um XHTML válido?

Acho que todos já ouviram falar de Web Semântica, para quem não ouviu, em poucas palavras é: Um projeto para organizar e estruturar a informação da WEB.

Ter uma Web com as suas informações todas "organizadas" é extremamente importante, isso facilita uma busca pela Web por informações mais precisas. Para que seu arquivo possa ser lido por máquinas além de humanos é muito importante que você escreva um XHTML válido, com isso você está fazendo com que as informações do seu site fique mais acessível para as buscas, contribuindo para o projeto e principalmente melhorando as visitas do seu site.

DOC o que?!

O Doctype (Document Type Definition, vulgo DTD) é a primeira coisa que se deve escrever em um arquivo XHTML, ele vai na PRIMEIRA LINHA do seu documento, se você quiser ter um XML Válido, não devemos esquecê-lo, ele serve para informar ao browser que tipo de documento será visualizado, ok? Existem 3 tipos:

  • Strict: Este tipo é usado quando você fez um código 100% XHTML, sem erros, deve ser escrito assim: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Transitional: Este é o modo mais usado, você o usa quando está começando a migrar do nosso amigo HTML para o poderoso XHTML, sua sintaxe é: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Frameset: É usado quando você está utilizando FRAMES em seu site, se escreve assim: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Exemplo:

Listagem 1: Exemplo de uso do DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
</head>
<body>
<!--conteúdo-->
</body>
</html>

Feche TODAS as tags

Quem já escreveu algum XML sabe que ele não funciona até que TODAS as tags estiverem bem fechadas, no HTML era diferente, muitas vezes deixávamos tags abertas, e ele funcionava que era uma beleza. Para se fazer um XHTML válido, devemos fechar TODAS as tags:

  • Não devemos esquecer de fechar as tags que estamos carecas de conhecer: <p></p>, <b></b>, etc...
  • E não devemos esquecer de forma alguma de fechar as tags "solitárias", assim, ao invés de <br> escrevemos <br></br>, ou na forma simplificada: <br />.

Descobriram que fechando tags desta forma , não se sabe porque estava causando um problema no Netscape, mas apenas colocando um espaço antes da / o problema é solucionado.

Use letras minúsculas

Quem nunca viu um código fonte de um documento HTML escrito assim: <A HREF="http://tags.com.letras.minúsculas/" TARGET="_BLANK"> </A> Um documento XHTML deve ter TODAS as tags e seus respectivos atributos escritos com letra minúscula!

Não esqueça das "ASPAS"

Esta regra é bem simples. Todos os atributos XHTML devem conter as benditas "ASPAS".

Atributo NAME

O antigo atributo NAME foi substituído pelo atributo ID. Se seus usuários, clientes, etc, utilizam ainda antigos browsers, você pode sem problema nenhum utilizar as duas formas juntas durante neste período em que estamos migrando: <img src="imagem.gif" id="imagem" name="imagem" />

Atributos sem valor

Não devemos esquecer também os atributos que escrevemos sem valor, por exemplo:

ERRADO:

Listagem 2: Uso incorreto de atributos não valorados

<option selected>
<frame noresize>
<input checked>
<input readonly>

CERTO:

Listagem 3: Uso correto de atributos não valorados

<option selected="selected">
<frame noresize="noresize">
<input checked="checked">
<input readonly="readonly">

E assim por diante.

Quer uma ajudinha?

Se você está migrando do HTML para o XHTML, o TIDY pode te dar uma forcinha. O TIDY é uma ferramenta para validar e consertar códigos HTML, ele tem opções que você pode escolher qual a versão do HTML você quer validar, uma dessas opções é a XHTML.

Se você já está escrevendo um XHTML e quer que seu código fique livre de todos os erros, o TIDY arruma para você.

Ele foi originalmente desenvolvido por Dave Raggett e hoje é mantido por um projeto de código aberto: SourceForge, por um grupo de voluntários.

Últimas palavras

Fazendo todas essas pequenas porém importantes regras, quer dizer, regras não, LEIS, você terá um belo de um documento XHTML válido, e acima de tudo, estará contribuindo para uma WEB melhor.

Como eu passei apenas o miolo, navegando nestes links poderão ser achados mais informações a respeito:

  • Referência de XHTML 1.0
  • Tutorial da W3C
  • W3Schools:
  • WebSemântica

Notas:

Para saber se seu documento XHTML é válido: http://validator.w3.org

Tidy:

Equipe Linha de Código

Equipe Linha de Código