O QUE SÃO WEBSTANDARDS?

W3C - World Wide Web Consortium

Fundado por Tim Berners-Lee, o W3C tem como principal objetivo divulgar as vantagens de utilizar as especificações na escrita de seus códigos.

As principais vantagens são:

  • Acessibilidade.
  • Códigos mais legíveis e limpos.
  • Suporte a dispositivos móveis.

XHTML

XHTML significa, em português, Linguagem Extensível para Marcação de Hipertexto.
Criada para substituir o HTML, o XHTML é uma aplicação XML, o que resulta em uma linguagem muito mais limpa e legível, sem "sujeira" no código.

Comparado ao HTML, XHTML possui muitas diferenças que visam a melhoria da estrutura, algumas delas são:

TAGS:
Todas as tags devem ser obrigatóriamente escritas em lowercase, caixa-baixa, letras minúsculas, incluindo os atributos.
Por exemplo: ‹DIV› ‹/DIV›, ‹P› ‹/P› está errado no XHTML. A maneira correta é a seguinte: ‹p› ‹/p›, ‹div› ‹/div›.
Todas as tags devem ser fechadas.
Por exemplo: ‹br›, ‹p› está errado. O correto é ‹br /›, ‹p›‹/p›.
Todos atributos devem ter sua escrita por completa.
Por exemplo: checked checked="checked"; selected selected="selected"; multiple multiple="multiple"; disabled disabled="disabled";
DOCTYPE:
Todos XHTML devem possuir um ‹!DOCTYPE ›, que é uma espécie de "selo" que descreve o tipo de documento que está sendo escrito.
Segue abaixo uma descrição mais detalhada de cada DOCTYPE.

‹!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"›

Este tipo de documento não permite qualquer item de formatação dentro dos elementos e nem elementos em desuso "deprecated", segundo as recomendações do W3C. São indicados para uso com folhas de estilo em cascata, com marcação totalmente independente da apresentação.

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

Este tipo de documento tem uma maior flexibilidade e é indicada para documentos que ainda utilizem elementos em desuso "deprecated", regras de apresentação embutidas em tags e também para documentos destinados a exibição em browsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames.

‹!DOCTYPE html PUBLIC "-//W3C//DTD XHTML; 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"›

Este tipo de documento é utilizado especificamente para frames, ele também tem a mesma flexibilidade dos documentos do tipo Transitional.

CSS

CSS significa, em português, Folhas de Estilo em Cascata, e serve para formatação de uma página, a forma como ela é apresentada para o usuário.

XHTML e CSS são linguagens totalmente diferentes, mas que devem trabalhar em conjunto, para que o resultado seja um site bem estruturado, e de fácil manutenção.

Por alguma falta de suporte dos browsers (creio eu), os sites antigamente eram feitos com a tag de HTML ‹TABLE›, porém esta tag devem ser utilizada apenas para dados tabulares, e não para formatação de websites. Com isso as folhas de estilo eram utilizadas apenas para coisas muito básicas, como mudar cor do texto, de links, e não para posicionamento de elementos, formatação em geral.

Hoje em dia esse suporte melhorou muito, os melhores browsers que possuem suporte são, Mozilla Firefox, Safari 3, Opera. O Internet Explorer 6 que ainda é utilizado, possui um suporte defeituoso, que foi melhorado com a atualização para o Internet Explorer 7, mas que ainda está um pouco longe da perfeição.

A Microsoft promete que o Internet Explorer 8 terá um suporte comparado ao do Firefox, Safari e Opera. A versão beta do IE 8, pode ser encontrada para download na internet.

Conclusão

Os padrões web vieram para ajudar, com os desenvolvedores seguindo essas especificações, teremos uma web acessível, bem estruturada e com sites e sistemas podendo ser visualizados em dispositivos móveis, ou qualquer outro dispositivo com acesso a internet.