S.O.S. XHTML

XHTML - eXtensible HTML

Introdução

EXtensible HyperText Markup Language é o sucessor de HTML.

É uma extensão de HTML projectada para o futuro.

Hoje em dia, com o desenvolvimento de novas tecnologias de comunicação, por forma a se poderem interligar computadores, telefones móveis e outros dispositivos, os documentos, a informação, os dados necessitam de estar bem formatados.

A família de documentos XHTML tem por base a tipologia XML.

Enquanto que HTML foi concebido para apresentar dados, XML foi criado para os descrever.

XHTML é uma família dos actuais e futuros tipos de documentos da Web, reformulados em XML.

Doctype

Um ficheiro XHTML inicia-se com a seguinte declaração:

— "XHTML 1.0 Strict"

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

A primeira linha de código é a declaração de: — "Documento XML"!

Efectivamente, XHTML é um documento XML cujo tipo (DOCTYPE) é, XHTML.

Tal como a versão anterior de HTML, existem mais duas formas para este tipo de documentos:

— "XHTML 1.0 Transitional"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

— "XHTML 1.0 Frameset"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Exemplo

Neste site, "AeroPlanos", existem vários documentos XHTML. Um exemplo é a página sobre a cidade de Lagos, no Algarve.

Fundamentalmente, um documento XHTML pode ser constituido da seguinte forma:

— "XHTML.html"

<?xml version="1.0"?>
<!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>
  <title>Documento XHTML</title>
  <meta http-equiv="Content-Type"
        content="text/html; charset=ISO-8859-1" />
</head>

<body>
  <h1>Documento XHTML 1.0 Transitional</h1>
  <h3>O conjunto de caracteres escolhidos foi:</h3>
  <p>Latin 1 (Europa Ocidental)<br />
  charset=ISO-8859-1</p>

  <hr />

  <p style="float:right">
    Internet Document: &#8212; "XHTML.html"
  </p>
  <p style="float:left"><img
         src="../../icons/mail.gif"
         alt="E-mail" width="16" height="16" />
    <a href="mailto:jmalcantara@mail.telepac.pt">
         M&aacute;rio Alc&acirc;ntara</a>
  </p>
  <p align="right">
    <a href="http://validator.w3.org/check/referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0!" height="31" width="88" /></a>
  </p>
</body>
</html>

O que há de novo relativamente a HTML 4.01, é que as regras são para se cumprirem! Todos os documentos devem possuir um doctype, todos os <tags> devem ser fechados </tag>, etc., etc.

Pretende-se desta forma, criando um "Web Standard", atingir o objectivo de XML:
— Possibiliar que outros computadores, utilizando diferentes sistemas operativos ou outros programas, possam aceder às mesmas bases de dados utilizando a Internet.

— "Se cada pessoa inventasse a sua própria língua, ninguém se entendia"!

Resumo

All documents must have a doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

All documents must be properly formed

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

All tags must be in lower case

<tag>O.K.</tag> <Tag>Erro!</Tag> <TAG>ERRO!</tAg>

All tags must be closed

<p></p>
<br />
<hr />
<img />

All tags must be properly nested

<p><i><b>O.K.</b></i></p>
<p><b><i>Erro!</b></i></p>

All attributes must be added properly

<img src="imagem.jpg" width="400" height="300" alt="O.K.">
<img src="imagem.jpg" width="400" height="300" ALT="ERRO!">
<img src="imagem.jpg" Width="400" Height="300" alt="ERRO!">
<img src="imagem.jpg" width=400 height=300 alt="ERRO!">

Attributes cannot be shortened

<input type="checkbox" value="yes" name="agree" checked="checked"> O.K.
<input type="checkbox" value="yes" name="agree" checked> ERRO!

The name attribute has changed

<img src="imagem.jpg" id="my_image" /> O.K.
<img src="imagem.jpg" name="my_image"> ERRO!

Resumindo...

All documents must have a doctype
All documents must be properly formed
All tags must be in lower case
All tags must be closed
All tags must be properly nested
All attributes must be added properly
Attributes cannot be shortened
The name attribute has changed

9 7 8 :

AeroPlanos@mail.telepac.pt