==================================================
1 - XHTML: Definição
==================================================
» eXtensible HyperText Markup Language (XHTML) sim, é uma futura substituição do HTML.
» Possui uma sintaxe mais limpa, estrita e clara que o HTML.
» XHTML segue alguns dos padrões multi-plataforma da XML (eXtensible Markup Language).
==================================================
2 - XHTML: Comparação ao HTML
==================================================
<html>
<head>
<title>Página HTML Válida</title>
</head>
<body>
<div align="center">
<h1>Cabeçalho da Página</h1>
<p><b><i>Conteúdo da Página</b></i>
</body>
</html>
Acima temos um exemplo de página HTML comum, se usarmos este código para gerar uma página .html, teremos um resultado sem erros.
Agora vejamos a mesma página, construída nos moldes do XHTML.
<html>
<head>
<title>Página XHTML Válida</title>
</head>
<body>
<div align="center">
<h1>Cabeçalho da Página</h1>
<p><b><i>Conteúdo da Página</i></b></p>
</div>
</body>
</html>
Coloquei as diferenças em negrito. Vamos entender porquê houve essas diferenças ou melhor, quais as regras de sintaxe do XHTML.
==================================================
3 - XHTML: Sintaxe e Regras
==================================================
» As últimas tags a serem abertas, são as primeiras a serem fechadas.
Veja a diferença nas duas páginas acima, no primeiro exemplo (HTML), a tag <p> não está fechada, depois inicia-se negrito (<b>) e itálico (<i>), repare que eles estão fechados na ordem inversa de iniciação (</b></i>).
» Os elementos de uma tag devem estar em letras minúsculas.
Assim, o válido <CENTER> no HTML, no XHTML só seria válido se... <center> </center>.
» Todos os elementos devem ser fechados.
Isso mesmo todos! <div> (...) </div> <span> (...) </span> <p> (...) </p>
É... Como eu vou fechar a quebra-de-linha (<br>)???
Todos os elementos que só têm uma tag... devem ser fechados assim:
<br /> <hr /> <input type="submit" value="Enviar!" />
==================================================
4 - XHTML: Regras para Atributos
==================================================
» Os nomes dos atributos devem estar em letras minúsculas da mesma maneira que as tags.
» Sempre devem estar entre aspas (" ").
<div align="center"> <table width="100"> <body bgcolor="#003399">
» Atributos abreviados não são permitidos.
Para tornar um campo de um formulário sem a possiblidade de mudanças, normalmente procedemos assim:
<input type="text" name="idade" value="18" readonly">
Já para torná-lo XHTML compatível, seria:
<input type="text" id="idade" value="18" readonly="readonly" />
» O atributo id substitui o atributo name dos elementos. Veja o exemplo acima.
Por ora é isto, assim que tiver mais tempo, concluirei o artigo.
Dúvidas, podem ser tiradas neste tópico.