Regras básicas de XHTML
1. Codigos Devem Ser Em Letras Minusculas Uma vez em que o XML é sensível, todo o elemento de palavras-chave e nomes atribuidos devem ser utilizados no XHTML em letras minúsculas. Por exemplo, o código do modelo não deve ser assim: -
<TITLE> Designer Blogger </TITLE>Mas assim: -
<title> Designer Blogger </title>
Se você anda notando, os elementos e os atributos nomes entre o menor que é (<) e maior que é (>) , os sinais têm de estar nas minúsculas. No entanto, o valor, que neste caso é "Designer Blogger", pode ser feito nas maiúsculas, minúsculas ou misturados. 2.Valores atribuidos entre Aspas Todos os valores dos atributos têm de ser fechados, seja de aspas simples ou duplas. Os exemplos a seguir não são aceitos pelo XHTML: -
<div id=header-wrapper>
<a href=http://designerbloger.blogspot.com/>Text Link</a>
<img src=photo.jpg/>
<table width=200 border=0 cellpadding=2>
Em vez disso, eles devem ser escritos como esse: -
<div id='header-wrapper'>3. Todos Elementos Dvem Ser Fechados Em Tags Esse não esta serto: -
<a href="http://designerblogger.blogspot.com">Text Link</a>
<img src="photo.jpg"/>
<table width="200" border="0" cellpadding="2">
<p>Um Numero.
Esse é o Correto: -
<p>Um Numero.</p>
Os muitos elementos de aberturas e fechamentos de tags corespondentes são: -
<ul> ... </ul>4. Elementos A Serem Fechados Sozinhos Alguns dos elementos estão vazios ou autônomos. Eles não têm associado fechar tags. Exemplos comuns são os seguintes: -
<li> ... </li>
<table> ... </table>
<h2> ... </h2>
<div> ... </div>
<span> ... </span>
<dt> ... </dt>
<dd> ... </dd>
<a href> ... </a>
<br>
<img>
<input>
<frame>
<hr>
<meta>
No entanto os elementos em xhtml devem ser encerados ou fechados.
Uma forma de denunciar o elemento é o de colocar
uma barra (/) no final desta forma: -
<br/>
<img/>
<input/>
<frame/>
<hr/>
<meta/>
<link/>
A segunda maneira é a de adicionar uma tag correspondente de fechamento desta forma: -
<br> ... </br>5. Os Elementos devem ser devidamente alinhados Isto significa que os elementos devem ser fechados na ordem inversa. Por exemplo, este código não é aceito em XHTML: -
<img> ... </img>
<input> ... </input>
<frame> ... </frame>
<hr> ... </hr>
<meta> ... </meta>
<link> ... </link>
<form><table> ... </form></table>Trata-se de formas abusivas alinhadas, porque foi criado o primeiro seguido por cima da mesma. Para fechar-las na boa ordem, o quadro deve ser fechada antes de o formulário, como este: -
<form><table> ... </table></form>6. Esses Documento devem ter apenas um elemento raiz No documento XHTML, você vai ver que tipo de documento, excepto para a declaração, todos os códigos são encaixados entre e . Este é o elemento raiz e todos os outros elementos ou sub elementos estão no meio. O documento estruturado será semelhante a esse: -
<html>7. Atributo minimização não é permitido
<head> ... </head>
<body> ... </body>
</html>
Em XHTML, todos os atributos devem ser sob a forma nome = "valor". Mesmo que o valor é o mesmo que o nome, ela não pode ser minimizada a uma palavra. Assim, na nossa Adicionar caixa de texto e texto artigo, o texto não é este código: -
<textarea readonly>Hyperlink Code</textarea>
E sim este: -
<textarea readonly="readonly">Hyperlink Code</textarea>Se você tem notado por agora, os códigos são acondicionados em menor que (<) e maior que (>) Sinais. No momento em que estes sejam destacados, eles serão interpretados como códigos e vai desencadear uma acção por parte do navegador. Caso você queira exibir esses, como parte do texto, utilizar as suas entidades em vez de caracteres. "" / " & & / & << / <>> / > A próxima vez que você vê uma mensagem de erro no sentido de que o código não é bem formados, não bem analisado, não devidamente fechado, etc, dê uma olhada no presente guia, tente solucionar o problema e indicar as possíveis soluções. É isso ai ufa....
Nenhum comentário: