AeroPlanos

Aero

Aero

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

<!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">
<html>
  <head>
  </head>
  <body>
  </body>
</html>
<tag>O.K.</tag> <Tag>Erro!</Tag> <TAG>ERRO!</tAg>
<p></p>
<br />
<hr />
<img />
<p><i><b>O.K.</b></i></p>
<p><b><i>Erro!</b></i></p>
<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!">
<input type="checkbox" value="yes" name="agree" checked="checked"> O.K.
<input type="checkbox" value="yes" name="agree" checked> ERRO!
<img src="imagem.jpg" id="my_image" /> O.K.
<img src="imagem.jpg" name="my_image"> ERRO!
Resumindo...