O XHTML
O eXtensible Hypertext Markup Language, é uma reformulação da linguagem de marcação HTML, baseada em XML. Combina as tags de marcação HTML com regras da XML. Este processo de padronização tem em vista a exibição de páginas Web em diversos dispositivos (televisão, palm, celular, etc). Sua intenção é melhorar a acessibilidade.
O XHTML consegue ser interpretado por qualquer dispositivo, independentemente da plataforma utilizada, pois as marcações possuem sentido semântico para as máquinas. O HTML não consegue esta implementação.
No entanto, não existem muitas diferenças entre o HTML e o XHTML. Para verificar se uma página XHTML está bem construída, o melhor método é validar o código através de uma aplicação Web disponibilizada pela organização W3C.
Topo ^
Exemplos
Um exemplo simples de XHTML seria: (Observando dentro das tags <html></html>)
<html>
<head>
</head>
<body>
<form>
<fieldset>
<legend>Dados pra Cadastro</legend>
<label for="nome">Nome:</label>
<input type="text" name="nome"
id="nome" /><br />
<label for="tipo">Tipo:</label>
<input type="text" name="tipo"
id="tipo" /><br />
<label for="data">Data:</label>
<input type="text" name="data"
id="data" /><br />
<input type="submit" value="enviar"
class="botao" />
</fieldset>
</form>
</body>
</html>
o código CSS que formataria este xhtml seria:
form fieldset
{
float: left;
margin-right: 7px;
width: 40%;
border: solid black 1px;
padding: 3%;
margin-bottom: 10px;
}
form legend
{
padding: 6px;
margin: 10px;
border: solid black 1px;
font-size: 90%;
font-weight: bold;
background-color: #e8e8e8;
}
form label
{
display: block;
font-size: 11px;
}
form input
{
width: 100%;
border: solid #ccc 1px;
font-size: 11px;
font-family:'Trebuchet MS',Verdana,Tahoma,Serif;
}
form input.botao
{
display: block;
width: auto;
float: right;
}
Topo ^
Versões de XHTML
XHTML 1.0, a Recomendação XHTML original da W3C, XHTML 1.0, foi simplesmente uma reformulação do HTML 4.01 em XML. Existem três diferentes "DTDs" de XHTML 1.0, cada qual com equivalência a uma versão em HTML 4.01.
- XHTML 1.0 Strict:
-
É o mesmo que HTML 4.01 Strict, mas segundo regras de sintaxe XML.
Declaração da XHTML 1.0 Strict:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
- XHTML 1.0 Transitional:
-
É o mesmo que HTML 4.01 Transitional, mas segue as regras de sintaxe XML.
Ele suporta tudo encontrado no XHTML 1.0 Strict, mas também permite o uso de vários elementos e atributos que são julgados presencionais, para facilitar a transição de HTML 3.2 e mais recentes. Isso inclui <center>, <u>, <strike>, e <applet>.
Declaração da XHTML 1.0 Transitional:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1
-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
- XHTML 1.0 Frameset:
-
É o mesmo que HTML 4.01 Frameset, mas segundo as regras de sintaxe XML. Ele permite a definição de um frameset HTML, uma prática comum em versões de HTML anteriores ao HTML 4.01.
Declaração da XHTML 1.0 Frameset:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
Topo ^
