Assim como os elementos são escritos com letras minúsculas, os atributos dos elementos em XHTML também devem estar em minúsculas:
<table WIDTH="100%"> ! ERRADO
<table width="100%"> ! CORRETO
Outro ponto visto no exemplo acima, mas que deve ser usado como regra. Os valores do atributo devem estar entre aspas. Note que o 100% aparece assim, entre aspas.
O atributo "id"
Em HTML 4.01 tínhamos o atributo "name" para nomear algum elemento. No uso do XHTML, passamos a usar o atributo "id". Ou seja, o atributo "id" substitui o atributo "name".
Veja mais um exemplo:
<img src="picture.gif" name="pic1" /> ! ERRADO
<img src="picture.gif" id="pic1" /> ! CORRETO
Elementos obrigatórios em XHTML
Em todos os documentos XHTML devemos utilizar uma declaração DOCTYPE. Os elementos html, head, title, e body devem estar presentes obrigatoriamente.
Este é um documento XHTML, com o mínimo de tags exigidas:
<! DOCTYPE DOCTYPE aqui>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> O Título fica aqui </title>
</head>
<body>
</body>
</html>
A declaração DOCTYPE não é uma parte do próprio documento XHTML. Não é um elemento XHTML. Veremos mais detalhes sobre este "DOCTYPE" em um outro artigo, onde aprofundaremos o assunto.
Também é interessante notar que o atributo xmlns em <html> especifica o nome XML para um documento, e é algo necessário em arquivos XHTML. Portanto, basta incluir dessa forma e tudo ficará bem.
Bem, neste momento já temos o HTML 5 em funcionamento na net. Nem todos os navegadores estão prontos para ele. Mas isso fica para outro artigo.
[1] Comentário enviado por elgio em 18/02/2010 - 10:46h
Tocaste de leve em um ponto muito crítico: a tolerância, por navegadores, de erros de sintaxe em HTML!
Particularmente eu descobri que muitos problemas de "incompatibilidade" de Java Script eram simplesmente erros de sintaxe, que alguns nagegadores (IE) toleravam.
[2] Comentário enviado por juliaojunior em 18/02/2010 - 16:29h
Rapaz, quando terminei de escrever este artigo eu quase desistia de enviar p fila de espera. Achei ele fraco demais. Mas mudei de idéia pq percebi que alguns conceitos são bem desconhecidos da maioria dos usuários da net. Um deles foi o que vc falor, a compatibilidade.
Espero ter contribuído para esclarecer alguns mortais, como eu. :)
[3] Comentário enviado por removido em 18/02/2010 - 17:31h
Muito bom artigo, simples e direto.
Sim, concordo que foi muito simples e mal arranhou a superfície do assunto, mas a verdade é que muitos não sabem nem isso. Quem sabe lendo seu artigo algumas pessoas resolvam pesquisar mais... As vezes só o que precisam é saber que algo do tipo existe. Muitas pessoas não seguem nenhum padrão, e pior, acham que está certo pelo simples fato de ter funcionado em UM navegador.
Vou esperar para ver o artigo sobre o DOCTYPE, espero que você siga a mesma simplicidade, pois os leigos também precisam aprender.
[6] Comentário enviado por Teixeira em 20/02/2010 - 01:21h
Muito bom o artigo.
Apenas lamento que as mudanças de sintaxe (embora raras) venham a nos forçar a reaprender - talvez desnecessariamente - coisas como colocar uma barra em <br/>. Acho que a disciplina de fechar todas as tags abertas já seria suficiente para melhorar o código. Uma identação também vai muito bem, mesmo nas versões anteriores de HTML.
Ja vi editores que colocam <a HREF> e <a NAME> em maiúsculas e <br /> com um espaço antes da barra.
Além do que, certos navegadores mais antigos (entre os quais o Links) podem simplesmente desconhecer essa sintaxe.
O próprio site do VOL há uns tempos atrás era perfeitamente visualizado no Link2ssl, porém agora sai tudo alinhado à esquerda,
um campo em cima do outro, ou seja, até mesmo a coluna direita vem parar do lado esquerdo.
Não se perde nada do conteúdo, mas fica bastante estranho.
Agora também não se usa o par <b></b> mas <strong></strong>, embora a primeira sintaxe seja geralmente aceita pela maioria dos browsers.
Tenho notado que desenvolvedores geralmente se esquecem de fechar tags como <font>, e também que os "DOCTYPE" nem sempre correspondem ao que foi declarado. O colega cesar.vieira está certo, tem browser que é excessivamente tolerante. Tenho um site (cobaia) onde já cometi todas as barbaridades possíveis e imagináveis, e que durante muito tempo funcionou perfeitamente bem no I.E. (no entanto as páginas tinham mais de 3000 erros quando examinadas pelo validador da W3C).
Gostei também da promessa de escrever sobre a cláusula DOCTYPE, ao meu ver uma das coisas mais importantes e ao mesmo tempo misteriosas de qualquer código *HTML que se preze...
[7] Comentário enviado por Primo NT em 13/03/2010 - 09:06h
Achei muito lega!
Gosto de ficar "brincando" com html em foruns!
Sempre vou ficar olhando por aqui para ver se acho artigos como esse!
Sempre tem algo a mais para se aprender! ;D
[8] Comentário enviado por caprendice em 30/06/2010 - 16:34h
Muito bom o artigo, explicou claramente, as diferenças entre ambos!
Eu particularmente estou começando a mexer agora com programação web, então me ajudou um pouco.
Resumindo o xhtml é como se fosse o C, ou seja mais estruturado e com caso sensitivo.