{mosauthorinfo} XHTML - Pra o que serve?
Olá pessoal!!! Pois é, como no portal aqui não há nenhum artigo no momento relacionado ao xhtml, então decidi escrever um pouquinho hehe...enfim, vamos lá....
Primeiramente. Como e onde surgiu o xhmtl?
Sabe-se que todas as linguagens voltadas para Web são baseadas em SGML (uma linguagem de difícil compreensão, projetada para máquinas) e que tem por objetivo próprio servir como base para a criação de outras linguagens.
Utilizando o XML (EXtensible HyperText Markup Language), por exemplo, você pode criar suas próprias tag´s para escrever seu documento web e o xhtml foi criado dentro deste conceito, então ele também é uma aplicação xml.
O xhtml é uma linguagem bastante familiar, já que tem como base a utilização das tag´s do HTML 4.01 e é muito simples de se aprender.
Qual a sua finalidade?
Uma pergunta simples, para uma resposta mais simples ainda. Finalidade de se obter um código final mais limpo e claro.
Algumas vantagens de se utilizar xhtml:
* código consistente, dispensa utilização de hack´s.
* carrega mais rápido no browsers. (navegador)
* é compatível com qualquer aplicação de usuário html
Alguns exemplos de diferenças entre HTML e XHTML:
Errado:
<DIV> <P>Aqui um texto de parágrafo</P> </DIV>
Certo:
<div> <p>Aqui um texto de parágrafo</p> </div>
Os elementos (tags) devem estar convenientemente aninhados
Errado::
<div><em><p>Aqui um texto de parágrafo em negrito</em></p></div>
Certo::
<div><em><p>Aqui um texto de parágrafo</p></em></div>
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 XML 1.0 [ XML ].
Todos os elementos XHTML devem estar corretamente aninhados dentro do elemento raiz <html>.
A estrutura básica do documento deve ser conforme abaixo:
<html>
<head>
...
</head>
<body>
...
</body>
</html> 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::
<p>Este é um parágrafo.<p>Este é outro parágrafo.
Certo::
<p>Este é um parágrafo.</p><p>Este é outro parágrafo.</p>
Elementos vazios devem ser fechados
Elementos vazios devem ter uma tag de fechamento ou a tag de abertura deve terminar com />. Como exemplo, <br /> ou <hr></hr>.
Errado: Elementos vazios sem terminação
<br>
<hr>
<img src="imagem.gif" alt="minha imagem "> Certo: Elementos vazios com terminação
<br />
<hr />
<img src="imagem.gif" alt="minhaimagem " /> 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::
<td ROWSPAN="3">
Certo::
<td rowspan="3">
Valores de atributos
Os valores de atributos devem estar entre "aspas";
Errado::
<td rowspan=3>
Certo::
<td rowspan="3">
Sintaxe dos atributos
A sintaxe para atributos deve ser escrita por completo;
Errado::
<input checked />
Certo::
<input checked="checked" />
Bom, é isso pessoal, mais informações vocês podem encontrar no vovô google é claro e também no site www.tableless.com.br.
Até...
by Giovani Elisio
Fontes utilizadas [aro.eti.br, www.w3.org/]
Add your comment
| < Anterior | Próximo > |
|---|