Ponto Escolar - Sistema de apoio ao ensino

Pagina inicial | Cadastre-se | Indique | Fale conosco

Informática

Xhtml - básico
Por : theb Enviado em : 01/12/2007 21:11:48 328 exibições

XHTML é a linguagem da web do futuro desde já a disposição de projetistas e desenvolvedores web.

Todas as tags devem ser escritas em letras minúsculas

A metalinguagem XML é sensível ao tamanho de caixa da fonte. De vez que XHTML é uma aplicação XML, também é sensível ao tamanho de caixa e deve ser usada caixa baixa, ou seja, letras minúsculas.

Errado:

<DIV><P>Aqui um texto</P></DIV>

Certo:

<div><p>Aqui um texto</p></div>
As tags devem estar convenientemente aninhadas

Errado:

<div><em><p>Aqui um texto negrito</em></p></div>

Certo:

<div><em><p>Aqui um texto negrito</p></em></div>
Os documentos devem ser bem formados

Um documento diz-se bem formado quando está estruturado de acordo com as regras definidas nas Recomendações para XML 1.0 [ XML ].
Todos os elementos XHTML devem estar corretamente aninhados dentro do elemento raiz <html>.

A estrutura básica do documento deve ser conforme abaixo:

<html>
<head>
...
</head>
<body>
...
</body>
</html>

O uso de tags de fechamento é obrigatório

Em HTML é permitido para determinados elementos, omitir-se a tag de fechamento. XML não permite omissão de qualquer tag de fechamento.

Errado::

<p>Um parágrafo.<p>Outro parágrafo.

Certo:

<p>Um parágrafo.</p><p>Outro parágrafo.</p>
Elementos vazios devem ser fechados

Elementos vazios devem ter uma tag de fechamento ou a tag de abertura deve terminar com />. Como exemplo, <br /> ou <hr></hr>.

Errado: Elementos vazios sem terminação

<br>
<hr>
<img src="imagem.gif" alt="minha imagem ">

Certo: Elementos vazios com terminação

<br />
<hr />
<img src="imagem.gif" alt="minhaimagem " />

Diferenças para os atributos

* Nomes de atributos

Assim como as tags, os atributos também são sensíveis ao tamanhon de caixa e então deve-se escrever nomes de atributos em minúsculas;

Errado:

<td ROWSPAN="3">

Certo:

<td rowspan="3">
* Valores de atributos

Os valores de atributos devem estar entre "aspas";

Errado:

<td rowspan=3>

Certo:

<td rowspan="3">
* Sintaxe dos atributos

A sintaxe para atributos deve ser escrita por completo;

Errado:

<input checked />

Certo:

<input checked="checked" />

Abaixo uma relação dos atributos que se enquadram nesta recomendação

compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

* Os atributos id e name;

O HTML define o atributo name para os elementos a, applet, form, frame, iframe, img , e map . HTML também introduziu o atribute id . Ambos os atributos foram projetados para serem usados como identificadores.

Em XML, os identificadores são exclusivamente do tipo ID, e poderá existir somente um atributo do tipo ID por elemento. Além disso um determinado identificador deve ser único no documento. Documentos XHTML 1.0 compatíveis com XML e bem estruturados, DEVEM usar o atributo id ao definir identificadores para os elementos listados acima.

Notar que em XHTML 1.0, o atributo name destes elementos está formalmente em desuso e possivelmente será excluido nas versões futuras de XHTML.

Errado:

<img src="imagem.gif" name="minha_imagem" />

Certo:

<img src="imagem.gif" id="minha_imagem" />

Nota: Por razões de compatibilidade com browsers antigos você pode usar ambos os atributos como abaixo:

<img src="imagem.gif" id="minha_imagem" name="minha_imagem" />
* O atributo lang;

Use o atributo lang destina-se a definir a língua em que foi escrito o documento HTML e o atributo xml:lang para definir a língua em que foi escrito o documento XML.

Pontos de âncoras

Em HTML para criar um ponto de âncora, associamos um nome ao elemento <a>:

<p><a name="topo" >Início</a > do parágrafo..bla...</p>

Em XHTML adicione o atributo id:

<p><a id="topo" name="topo" >Início</a > do parágrafo..bla...</p>
O atributo alt para imagens

Em XHTML o uso do atributo alt para imagens é obrigatório

<img src="imagem.gif" alt ="minha_imagem " />

Se tratar-se de uma imagem decorativa pode-se usar o atributo alt vazio:

<img src="imagem.gif" alt =" " />
Separadores de blocos de códigos

É comum o uso de uma sequência de caracteres dentro da marcação de comentários (  ) para visualmente separar trechos do código com a finalidade de facilitar sua posterior leitura e manutenção.

Não use a clássica sequência de caracteres ------, para conseguir este efeito.
Alguns agentes de usuário mais antigos podem ter dificuldades na interpretação desta sequência.
Use por exemplo a sequência ==== . ou xxxxxx

Errado:



código XHTML do menu


Certo:



código XHTML do menu


Códigos gerados por editores

Cuidado com os códigos gerados por editores!

Este é um código gerado por editor: onMouseOver=function() não válido em XHTML

Errado:

onMouseOver=function()

Certo:

onmouseover=function()
Caracter & (ampersand)

Codifique o & ( e comercial)

Errado:

Comércio & Exportação

Certo:

Comércio & Exportação
Elementos obrigatórios em um documento XHTML

É obrigatório a declaração do DOCTYPE assim como a existências dos elementos <html> <head> <title> e <body>

Um modelo mínimo de documento XHTML é conforme abaixo:

<!DOCTYPE bla..bla..bla>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Título do odcumento</title>
</head>
<body>
Conteúdo do documento
</body>
</html>

A declaração DOCTYPE não faz parte da marcação XHTML e como tal não é também um elemento, razão pela qual não há necessidade de tag de fechamento.

Base do tutorial www.maujor.com

[]'s

Escrever comentário

Parceiros

Infoversitarios
TutoriaisWeb
Nerdiando
HelpServices
Progbr.com
EntrePixels
Sites Educativos
Jogos Online
TruiZz
Garu Downloads
45Graus
Links10