Manual de XHTML

XHTML é uma versão mais limpa e rigorosa do HTML. Neste artigo veremos a diferença entre HTML e XHTML e como usar bem tal ferramenta.

[ Hits: 21.764 ]

Por: Juliao Junior em 18/02/2010


Um pouco de sintaxe



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.

Até lá, pessoal.

Página anterior    

Páginas do artigo
   1. Introdução
   2. Diferenças entre HTML e XHTML
   3. Um pouco de sintaxe
Outros artigos deste autor

Administração de sistema via WEB

Inkscape - Introdução (parte 1)

Processing - Programando para Android e iOS

Usando o JIGDO - How To

Guia Introdutório do Linux V

Leitura recomendada

Entendendo validações e operações aritméticas com Javascript

Automação de tarefas com Gulp

JavaScript - Programação orientada a objetos

AJAX - Parte 1

CSS - Manual de Estilo (parte 2)

  
Comentários
[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.

Bom artigo.

[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.

[4] Comentário enviado por juliaojunior em 18/02/2010 - 18:19h

Sim, tentarei escrever sobre o DOCTYPE também, e simples como sempre. É melhor assim, fica mais acessível.

[5] Comentário enviado por andrezc em 19/02/2010 - 17:58h

Muito bom ! Eu tinha uma certa curiosidade sobre o XHTML, agora já foi esclarecido, só me falta ler agora sobre DHTML.

[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.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts