Cosme Faé - Design e desenvolvimento.

XHTML - A Evoluo

Por Cosme Fa | 28 de Março de 2006

O XHTML, ou eXtensible Hypertext Markup Language, uma linguaguem de marcao baseada em XML. XHTML Combina as tag’s de marcao HTML com regras da XML. Alm de XHTML ser Web Standards.
O XHTML 1.0 tornou-se uma recomendao do World Wide Web Consortium (W3C) no dia 26 de janeiro de 2000.

Para desenvolver um cdigo XHTML vlido necessrio seguir umas pequenas regras.

Feche as Tags

a primeira regra (ou lei, como preferir) para desenvolver um XHTML vlido.

Errado: <p>Um dia de sol.
Certo: <p>Um dia de sol.</p>

Tags Vazias

As tags vazias no so permitidas no XHTML, portando, fecha-as.

Errado: <hr>
Certo: <hr />

Errado: <br>
Certo: <br />

Errado: <img src=”imagem.jpg” alt=”imagem”>
Certo: <img src=”imagem.jpg” alt=”imagem” />

Feche os Atributos

Errado:
<frame noresize>
<option selected>
<option checked>
<input readonly />
<input checked />
<textarea nowrap />

Certo:
<frame noresize=noresize>
<option selected=selected>
<option checked=checked>
<input readonly=readonly />
<input checked=checked />
<textarea nowrap=nowrap />

Atributo NAME

O atributo name foi substitudo pelo atributo id. Mas nada o empede de utiliz-lo caso precise. ;)
<input type="text" name="artigo" id="artigo" />

ASPAS nos Atributos

Todos os atributos devem conter aspas abrindo e fechando…

Errado:
<a href=http://www.cosmefae.com/blog>Texto</a>

Certo:
<a href=”http://www.cosmefae.com/blog”>Texto</a>

Utilize Sempre Letras Minsculas

As tags e atributos devem ser em letras minsculas. Fica at melhor para se localizar dentro do cdigo.

Errado:
<INPUT TYPE=”TEXT” NAME=”REGRAS” ID=”REGRAS” />

Certo:
<input type=”text” name=”regras” id=”regras” />

Quiz XHTML

Se voc j praticou bastante e quer testar seus conhecimentos em XHTML, essa a hora. So 20 (vinte) questes (em ingls), no esquea do limite de tempo. ;)
Voc ganha 1 (um) ponto para cada questo, no caso, total de 20 (vinte) pontos.
Acesse o Quiz Test XHTML!
Estou no final de um Quiz semelhante a este, mas em portugus, aguardem o Exame XHTML. ;)

Links Referentes

Veja se o cdigo do seu site est vlido:

Comentário Por Gustavo Paes — 28/03/2006 @ 4:14 pm

Legal o novo layout hein!
Show de bola.

Legal a as dicas.
At mais

Comentário Por Jose Renato — 28/03/2006 @ 7:47 pm

Dale cosme, o cara ta pro d+ minha gente otimo post pra quem ta iniciando e muito bom ja saber como deve fazer do jeito certo ^^

Comentário Por Rodrigo — 28/03/2006 @ 7:54 pm

Bom artigo,
mas se no colocar name em um input no da pra recuperar com alguma linguagem de programao. Ou seja terei que continuar usando name e id.

O novo layout ficou muito bom.

Comentário Por Gustavo Paes — 28/03/2006 @ 8:41 pm

S pra deixar registrado:
Acertei 90% do teste (errei 2)

At que fcil viu!
At

Comentário Por Alexandre Silva — 28/03/2006 @ 8:50 pm

Grande Cosme Fa Mendona!

Cara, vc ta cada vez melhor bixu! esse artigo da fodante! parabns meu caro…

Continue assim…

FaLoW! Acessem meu site!

Comentário Por Erik Marques — 29/03/2006 @ 8:46 am

Show Cosme.. vou fazer o teste e posto o comentrio.

Comentário Por jana — 12/05/2006 @ 6:41 pm

Adorei o teste.. comecei a estudar xhtml e xml agora…
Parabns pelo seu trabalho!!!!

Assine o RSS Feed deste comentário. | TrackBack URI

Deixe um comentário

Me inscrever no Gravatar!

Conteúdo sob Licença Creative Commons Creative Commons License