Bom hoje iremos dar inicio a introdução sobre xhtml, em nosso primeiro tutorial de xhtml irei estar passando as regras do xhtml.
DOCTYPE e NAMESPACE
Para iniciar um documento XHTML é necessário que se coloque os elementos que indiquem como o navegador irá interpretar o código,
O primeiro deles é o DOCTYPE - (document type), esse elemento indica aos serviços de validação a versão da XHTML ou HTML.
Existem três tipos de DOCTYPE, são eles:
Sua sintaxe é escrita assim :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
O segundo elemento é o namespace que é uma coleção de tipos de elementos e nomes de atributos.
Sua sintaxe é escrita da seguinte maneira:
<html xmlns="http://www.w3.org/1999/xhtml">
Outro elemento que não citei acima e é opcional em nosso documento é o Prólogo XML , ou Declaração de XML, ele precede os elementos DOCTYPE e namespace e sua função é de especificar a versão XML e declarar o tipo de codificação de caractere que está sendo usado na página .
Sua sintaxe:
<?xml> version="1.0" encoding="ISO-8859-1"?>
Infelizmente alguns navegadores "tropeçam" com esse prólogo XML e acabam detonando o site ou mesmo não tornando visivel seu site em alguns navegadores , a solução então é colocar o elemente Content type.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Pronto, o começo de seu documento deve estar assim:
<!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=iso-8859-1" />
<title>Coluna Plugmasters - Tableless</title>
</head>
Regras básicas de xhtml
Todas as tags em xhtml deverão ser escritas em letras minúsculas, pois ao contrário do HTML o XML diferencia maiúsculas de minúsculas.
Errado:
<TITLE>3D Arts - Tableless</TITLE>
Certo:
<title>3D Arts - Tableless</title>
Em HTML os valores de atributos não precisam estar colocados entre aspas, já no XHTML , eles devem estar delimitados por aspas.
Errado:
<td height=50> </td>
Certo:
<td height="50"> </td>
Em XHTML nenhum atributo pode ser colcoado sem o seu valor, caso o atributo não possua valor, o seu valor deve ser idêntico ao nome do atributo.
Errado:
<input type="checkbox" name="sexo" value="masculino" checked>
Certo:
<input type="checkbox" name="sexo" value="masculino" checked="checked" / >
Mesmo as tags "vazias" como o <img> e <br> , devem ser fechadas no XHTML, uma barra é inserida ao final da tag.
Errado:
<br>
ou
<img src="tableless.jpg" >
Certo:
<br / >
ou
<img src="tableless.jpg" / >
Bom essas são algumas regras de xhtml , existem outras que não mostrei pois deixarem essas por enquanto para que fiquem bem fixadas e a adiante mostrarei mais algumas.
Seguindo esses passo + os de CSS no inicio de nossos tutoriais vocês estarão aptos a contruirem sites dentro do padrão web e que sejam vizualizados por todos os navegadores .
Em nosso próximo tutorial mostrarei a interação dos dois elementos , CSS e XHTML já que o chute inicial foi dado tanto pra css quanto pra xhtml , então bons estudos e até breve.
Bruno Henrique
www.3darts.com.br
bruno@3darts.com.br