Por Cosme Faé |
29 de Março de 2006
Acho que já deu tempo da galera estudar bastante XHTML com meu post anterior, e como prometido no mesmo, estou trazendo o Exame XHTML. O meu amigo JuseH me deu uma força com PHP, ele me ajudou bastante na parte server-side.
Depois de tanta dor de cabeça com JS, PHP consegui finalizar, e estilizei para ficar com um visual bem bonito (clean). Só de lembrar de cada bug que ocorreu no desenvolvimento… (uff). Espero que todo mundo acerte as questões.
Boa sorte.
Faça o teste: Exame XHTML
[update] Fiz umas alterações nas respostas da número 11 e 14 do exame. A pressa é inimiga da perfeição, eu deveria ter resolvido isso antes…
[update]
Por Cosme Faé |
28 de Março de 2006
O XHTML, ou eXtensible Hypertext Markup Language, é uma linguaguem de marcação baseada em XML. XHTML Combina as tag’s de marcação HTML com regras da XML. Além de XHTML ser Web Standards.
O XHTML 1.0 tornou-se uma recomendação do World Wide Web Consortium (W3C) no dia 26 de janeiro de 2000.
Para desenvolver um código XHTML válido é necessário seguir umas pequenas regras.
Feche as Tags
É a primeira regra (ou lei, como preferir) para desenvolver um XHTML válido.
Errado: <p>Um dia de sol.
Certo: <p>Um dia de sol.</p>
Tags Vazias
As tags vazias não são 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 substituído 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 Minúsculas
As tags e atributos devem ser em letras minúsculas. Fica até melhor para se localizar dentro do código.
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. São 20 (vinte) questões (em inglês), não esqueça do limite de tempo.
Você ganha 1 (um) ponto para cada questão, no caso, total de 20 (vinte) pontos.
Acesse o Quiz Test XHTML!
Estou no final de um Quiz semelhante a este, mas em português, aguardem o Exame XHTML.
Links Referentes
Veja se o código do seu site está válido: