O XHTML é a linguagem utilizada para escrever os documentos web. Se você está estranhando o X na frente do HTML, não há muito o que se preocupar. O XHTML é a junção das linguagens XML e HTML. Dessa forma, todas as regras de sintaxe aplicadas a um documento XML, devem se aplicar ao documento XHTML.

Estas alterações de sintaxe não são tão complexas, alguns exemplos dessas modificações são:

  • As tags e seus atributos devem ser em letras minúsculas;
  • Todas as tags devem, obrigatóriamente, ser fechadas, inclusive as tags img e br.

Estas diferenças podem ser encontradas em diversas referências na internet. Porém, a mais importante alteração a ser realizada no seu documento não é a sintática, e sim a semântica. Deve-se conhecer os elementos XHTML para usá-los corretamente, ou seja, utlizar as tags certas para descrever as informações no seu documento, sendo importante lembrar que estas tags já existiam no HTML. Vemos no exemplo abaixo, um exemplo muito comum de código para definição de um título:

Meu Título

Definimos na estrutura do documento, que o título da página será do tamanho 16px em vermelho e negrito. Porém, se tivéssemos conhecimento da linguagem, utilizaríamos a tag h1, para definir títulos na página:



Meu Título

Para saber se seu código está semanticamente correto, é preciso se perguntar se uma máquina seria capaz de entender a que se refere o trecho de código. No primeiro exemplo, a maquina sabe que deve escrever o texto “Meu Título” em negrito, vermelho e tamanho de 16px. No segundo, ele sabe que “Meu Título” é um Cabeçalho nível 1.

Outra mudança no seu documento será a estruturação do mesmo. Se você divide áreas como Topo, Navegação, Conteúdo e Rodapé utilizando tabelas (table), revendo a documentação do XHTML, você descobrirá a existência da tag div, criada justamente para definir divisões de blocos dentro do seu documento, ou ainda, a tag span, para definir divisões em linha do documento.

Abolir os elementos de formatação é outra medida necessária para a adoção dos padrões web. Esqueça que as tags font, b e i, dentre outras, assim como atributos de formatação, como background e color, entre outros. Estes elementos estão em desuso e serão, possívelmente, removidos de especificações nas versões futuras do XHTML. No lugar da tag b, que indica bold (negrito), por exemplo, substitua pela tag strong, que indica força. O efeito inicial nos navegadores é o mesmo, pois em ambas, por padrão, deixarão seu texto em negrito. Porém, você pode definir na formatação que força no seu documento é uma letra normal, escrita com outra cor, o que não faria sentido definir um estilo desses em uma tag denominada “negrito”.

Tenha em mente que você está apenas estruturando o seu documento, escreva toda a sua página sem qualquer estilo, e veja se é um documento legível para nós na tela do navegador, com um código semântico para as máquinas. Depois disso, você pode pensar em formatar seu documento utilizando a linguagem definida para isso, o CSS, que será assunto de um outro post.

Compartilhe!

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!


This entry was posted on Saturday, September 23rd, 2006 at 10:39 am and is filed under padrões. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.