Apostila HTML XHTML E CSS 7
89 pág.

Apostila HTML XHTML E CSS 7

Disciplina:Análise Textual6.572 materiais162.550 seguidores
Pré-visualização12 páginas
“-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

· Frameset: É usado quando você está utilizando FRAMES em seu site, se escreve
assim:
<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

 Veja o exemplo abaixo:

Exemplo:

<!DOCTYPE html
PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title></title>
</head>
<body>
…
</body>
</html>

Feche TODAS as tags

Quem já escreveu algum XML sabe que ele não funciona até que TODAS as tags
estiverem bem fechadas, no HTML era diferente, muitas vezes deixávamos tags
abertas, e ele funcionava que era uma beleza.

Para se fazer um XHTML válido, devemos fechar TODAS as tags:

1. Não devemos esquecer de fechar as tags que estamos carecas de conhecer:
<p></p>, <b></b>, etc…

2. E não devemos esquecer de forma alguma de fechar as tags “solitárias”, assim, ao
invés de <br> escrevemos <br></br>, ou na forma simplificada: <br />.

Descobriram que fechando tags desta forma <br/>, não se sabe porque estava
causando um problema no Netscape, mas apenas colocando um espaço antes da / o
problema é solucionado.

Use letras minúsculas

Quem nunca viu um código fonte de um documento HTML escrito assim:
<A href=”http://tags.com.letras.minúsculas/” TARGET=”_BLANK”> </A>
Um documento XHTML deve ter TODAS as tags e seus respectivos atributos escritos
com letra minúscula!

Não esqueça das “ASPAS”

Esta regra é bem simples. Todos os atributos XHTML devem conter as benditas
“ASPAS”.

Atributo NAME

O antigo atributo NAME foi substituído pelo atributo ID. Se seus usuários, clientes, etc,
utilizam ainda antigos browsers, você pode sem problema nenhum utilizar as duas
formas juntas durante neste período em que estamos migrando:
<img src=”imagem.gif” id=”imagem” name=”imagem” />

Atributos sem valor

Não devemos esquecer também os atributos que escrevemos sem valor, por exemplo:

ERRADO:
<option selected>
<frame noresize>
<input checked>
<input readonly>

CERTO:
<option selected=”selected”>
<frame noresize=”noresize”>
<input checked=”checked”>
<input readonly=”readonly”>

E assim por diante.

Quer uma dica?

Se você está migrando do HTML para o XHTML, o TIDY pode te dar uma forcinha.
O TIDY é uma ferramenta para validar e consertar códigos HTML, ele tem opções que
você pode escolher qual a versão do HTML você quer validar, uma dessas opções é a
XHTML. Se você já está escrevendo um XHTML e quer que seu código fique livre de
todos os erros, o TIDY arruma para você.