Diferenças Entre XHTML e HTML
Você pode preparar-se para a XHTML começando a escrever HTML estrita.
Como Preparar-se para a XHTML
A XHTML é a próxima geração da HTML, mas levará certamente algum tempo até que os navegadores e outros produtos de software estejam prontos para ela.
Neste meio-tempo há algumas coisas importantes que você pode fazer para preparar-se para ela. Como você irá aprender neste tutorial, a XHTML não é muito diferente da HTML 4.01, portanto, trazer o seu código aos padrões da 4.01 é um início muito bom. A nossa Referência HTML 4.01 completa pode ajuda-lo nisso.
Além disso, você deve começar AGORA a escrever o seu código HTML em letras minúsculas, e NUNCA adquirir o mau hábito de pular as tags de fechamento como </p>.
Feliz codificação!
As Diferenças Mais Imoprtantes:
- Os elementos XHTML devem estar devidamente aninhados
- Os documentos XHTML devem estar bem-formados
- Os nomes das tags devem estar em letras minúsculas
- Todos os elementos XHTML devem ser fechados
Os Elementos Devem Estar Devidamente Aninhados
Na HTML alguns elementos podem estar indevidamente aninhados uns dentro dos outros como estes:
<b><i>Este texto está em negrito e itálico</b></i> |
Na XHTML todos os elementos devem estar devidamente aninhados uns dentro dos outros como estes:
<b><i>Este texto está em negrito e itálico</i></b> |
Observação: Uma falha comum em listas aninhadas, é esquecer que a lista interna deve estar dentro de um elemento li, assim:
<ul>
<li>Café</li>
<li>Chá
<ul>
<li>Chá preto</li>
<li>Chá verde</li>
</ul>
<li>Leite</li>
</ul> |
Este é o correto:
<ul>
<li>Café</li>
<li>Chá
<ul>
<li>Chá preto</li>
<li>Chá verde</li>
</ul>
</li>
<li>Leite</li>
</ul> |
Observe que inserimos uma tag </li> após a tag </ul> no exemplo com o código "correto".
Os Documentos Devem Estar Bem-formados
Todos os elementos XHTML devem estar aninhados dentro do elemento raiz <html>. Todos os outros elementos podem ter sub elementos (children [filhos]). Os sub elementos devem estar em pares e corretamente aninhados dentro de seu elemento pai (parent). A estrutura básica do documento é:
<html>
<head> ... </head>
<body> ... </body>
</html> |
Os Nomes de Tags Devem Estar em Letras Minúsculas
Isto é porque os documentos XHTML são aplicações XML. A XML é
sensível à caixa (letras maísculas e minúsculas são diferenciadas). Tags como <br> e <BR> são interpretadas como tags diferentes.
Isto está errado:
<BODY>
<P>Este é um parágrafo</P>
</BODY> |
Isto está correto:
<body>
<p>Este é um parágrafo</p>
</body> |
Todos os Elementos XHTML Devem Ser Fechados
Elementos não vazios devem ter uma tag de fechamento.
Isto está errado:
<p>Este é um parágrafo
<p>Este é outro parágrafo |
Isto está correto:
<p>Este é um parágrafo</p>
<p>Este é outro parágrafo</p> |
Elementos Vazios Devem também Ser Fechados
Elementos vazios devem ou ter uma tag de fechamento ou a tag de abertura deve terminar com />.
Isto está errado:
Esta é uma quebra<br>
Aqui vem um filete horizontal:<hr>
Aqui está uma imagem <img src="happy.gif" alt="Rosto feliz"> |
Isto está correto:
Esta é uma quebra<br />
Aqui vem um filete horizontal:<hr /> Aqui está uma imagem <img src="happy.gif" alt="Rosto feliz" /> |
Observação de Compatibilidade IMPORTANTE:
Para tornar a sua XHTML compatível com os navegadores de hoje, você deve adicionar um espaço extra antes do símbolo "/" assim: <br
/>, e assim: <hr />.
| 
HOME
