Adicionar a Meu favorito

Tuesday, 13 de April de 2004

Os elementos (tags) devem estar convenientemente aninhados
Errado:

Certo:


Os documentos devem ser bem formados
Um documento diz-se bem formado quando está estruturado de acordo com as regras definidas nas Recomendações para XHTML 1.0 [ XML ].
Todos os elementos XHTML devem estar corretamente aninhados dentro do elemento raiz .
A estrutura básica do documento deve ser conforme abaixo:
... ...

O uso de tags de fechamento é obrigatório
Em HTML é permitido para determinados elementos, omitir-se a tag de fechamento. XML não permite omissão de qualquer tag de fechamento.
Todos os elementos, excetuados aqueles vazios declarados nas DTD, tem que ter tag de fechamento. Os elementos vazios declarados nas DTD podem ter tag de fechamento ou usar uma abreviação para elemento vazio conforme veremos adiante.
Errado:

Este é um parágrafo.

Este é outro parágrafo.
Certo:

Este é um parágrafo.
Este é outro parágrafo.

Elementos vazios devem ser fechados
Elementos vazios devem ter uma tag de fechamento ou a tag de abertura deve terminar com />.
Exemplo:

---

.

Elementos vazios sem terminação
Errado:

---

Certo:

---

Diferenças para os atributos
Nomes de atributos
Assim como as tags, os atributos também são case-sensitive então deve-se escrever nomes de atributos em minúsculas;

Errado:

Certo:

Valores de atributos
Os valores de atributos devem estar entre "aspas";

Errado:

Certo:


Sintaxe dos atributos
A sintaxe para atributos deve ser escrita por completo;

Errado:

Certo:


Abaixo uma lista dos atributos que se enquadram nesta recomendação
compact compact="compact" checked checked="checked" declare declare="declare" readonly readonly="readonly" disabled disabled="disabled" selected selected="selected" defer defer="defer" ismap ismap="ismap" nohref nohref="nohref" noshade noshade="noshade" nowrap nowrap="nowrap" multiple multiple="multiple" noresize noresize="noresize"

Os atributos id e name;

O HTML 4 define o atributo name para os elementos a, applet, form, frame, iframe, img, e map. HTML 4 também introduziu o atribute id. Ambos estes atributos foram projetados para serem usados como identificadores.
Em XML, os identificadores são do tipo ID, e poderá existir somente um atributo do tipo ID por elemento. Assim, em XHTML 1.0 o atributo id é definido como do tipo ID. Com o objetivo de certificar-se que os documentos XHTML 1.0 são documentos XML bem estruturados, DEVEM usar o atributo id ao definir identificadores para os elementos listados acima.
Notar que em XHTML 1.0, o atributo name destes elementos está formalmente em desuso e será excluido nas versões futuras de XHTML.

Errado:
Certo:
Nota: Por razões de compatibilidade com brownsers antigos você pode usar ambos os atributos como abaixo:


O atributo lang;
Use o atributo lang para definir a lingua em que foi escrito o documento e o atributo xml:lang para definir a língua em que foi escrita a versão do XML.

Pontos de âncoras
Em HTML para criar um ponto de âncora, associamos um nome ao elemento :

Início do parágrafo..bla...

Em XHTML adicione o atributo id:

Início do parágrafo..bla...

O atributo alt para imagens

Em XHTML o uso do atributo alt para imagens é obrigatório

Se tratar-se de uma imagem decorativa pode-se usar o atributo alt vazio:


Separadores de comentários
Não use a clássica sequência ------, como separador para comentários. Use por exemplo a sequência ====.

Errado:
código XHTML do menu
Certo:
código XHTML do menu

Códigos gerados por editores
Cuidado com os códigos gerados por editores!
Este é um código gerado por editor: onMouseOver=function() não válido em XHTML

Errado:
onMouseOver=function()
Certo:
onmouseover=function()

Caracter & (ampersand)

Codifique o & ( e comercial)

Errado:
Comércio & Exportação

Certo:
Comércio código ISO do &comercial Exportação

Elementos obrigatórios em um documento XHTML
É obrigatório a declaração do DOCTYPE assim como a existências dos elementos Conteúdo do documento
A declaração DOCTYPE não faz parte da marcação XHTML e como tal não é também um elemento, razão pela qual não há necessidade de tag de fechamento.

Para que serve o DOCTYPE ?
A Definição do tipo de documento (Document Type Definitions DTD) especifica qual é a sintaxe SGML usada no documento. A DTD é usada pelas aplicações SGML ( tais como HTML ) para especificar as regras que se aplicam a linguagem de marcação usada no documento e também definir o conjunto de elementose entidades válidas naquela linguagem. Assim uma DTD para um documento XHTML descreve com precisão a sintaxe e a gramática da linguagem de marcação XHTML.
O DOCTYPE deve ser sempre a primeira declaração
em um documento web.

Os tipos de DOCTYPE
São três os tipos de DOCTYPE para XHTML:
STRICT
TRANSITIONAL
FRAMESET
XHTML 1.0 Strict
Esta é a mais rígida das declarações. Os documentos
XHTML no modo Strict não admitem qualquer item de formatação dentro dos elementos e nem elementos em desuso "deprecated" segundo as recomendações da W3C. São indicados para uso com folhas de estilo em cascata, com marcação totalmente independente da apresentação
XHTML 1.0 Transitional
Esta declaração permite 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 brownsers sem suporte para CSS. Não admite qualquer tipo de marcação para frames.
XHTML 1.0 Frameset
Esta declaração permite tudo da declaração transational e mais os elementos especificos para frames.

Validação do documento XHTML
W3C disponibiliza um validador gratuito para documentos XHTML. Ali, você digita a URL ou o caminho para o arquivo no seu HD e um robo analisa o documento fornecendo um relatório completo e detalhado das não conformidades por ventura existentes. É uma ferramenta excelente para você usar durante a elaboração ou migração do seu documento para XHTML. Serve como um verdadeiro revisor do código que você cria.