tutoriais mais recente desenvolvimento web

HTML e XHTML

❮ Anterior Próxima Capítulo ❯

XHTML é HTML escrito como XML.

O que é XHTML?

  • XHTML significa Extensible Hyper Text Markup Language
  • XHTML é quase idêntico ao HTML
  • XHTML é mais rigoroso do que o HTML
  • XHTML é HTML definido como uma aplicação XML
  • XHTML é suportado por todos os principais navegadores

Por XHTML?

Muitas páginas na internet contêm "bad" HTML.

Este código HTML funciona bem na maioria dos navegadores (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

Hoje o mercado é composto de diferentes tecnologias de navegador. Alguns navegadores executados em computadores, e alguns navegadores executado em telefones celulares ou outros dispositivos pequenos. Dispositivos menores muitas vezes não têm os recursos ou poder de interpretar "bad" marcação.

XML é uma linguagem de marcação onde os documentos devem ser marcados corretamente (be "well-formed") .

Se você quer estudar XML, leia nosso tutorial XML .

Ao combinar os pontos fortes de HTML e XML, XHTML foi desenvolvido.

XHTML é HTML redesenhado como XML.

As diferenças mais importantes de HTML:

Estrutura do documento

  • XHTML DOCTYPE é obrigatória
  • Os xmlns atributo na <html> é obrigatória
  • <html> , <head> , <title> e <body> são obrigatórios

XHTML Elements

  • Elementos XHTML devem ser properly nested
  • Elementos XHTML devem estar sempre closed
  • Elementos XHTML devem estar em lowercase
  • Documentos XHTML devem ter one root element

Atributos XHTML

  • Nomes de atributos devem ser em lower case
  • Os valores dos atributos devem ser quoted
  • Minimização atributo é forbidden

<!DOCTYPE ....> é imperativo

Um documento XHTML deve ter uma declaração DOCTYPE XHTML.

Uma lista completa de todos os Doctypes XHTML é encontrado em nosso HTML tags de referência.

O <html> , <head> , <title> e <body> elementos também devem estar presentes, e os xmlns atributo na <html> deve especificar o namespace XML para o documento.

Este exemplo mostra um documento XHTML com um mínimo de marcas necessárias:

<!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>Title of document</title>
</head>

<body>
  some content
</body>

</html>

XHTML elementos devem ser devidamente aninhados

Em HTML, alguns elementos podem ser indevidamente aninhados uns dentro dos outros, como este:

<b><i>This text is bold and italic</b></i>

Em XHTML, todos os elementos devem ser devidamente aninhados uns dentro dos outros, como este:

<b><i>This text is bold and italic</i></b>

XHTML Elements deve estar sempre fechado

Isso é errado:

<p>This is a paragraph
<p>This is another paragraph

Isto está certo:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Elementos vazios também devem ser fechados

Isso é errado:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

Isto está certo:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML elementos devem ser em letras minúsculas

Isso é errado:

<BODY>
<P>This is a paragraph</P>
</BODY>

Isto está certo:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML Atributo nomes devem estar em Minúsculas

Isso é errado:

<table WIDTH="100%">

Isto está certo:

<table WIDTH="100%">

Valores de atributos devem ser citados

Isso é errado:

<table width=100%>

Isto está certo:

<table WIDTH="100%">

Atributo Minimização É proibido

Errado:

<input type="checkbox" name="vehicle" value="car" checked />

Um lugar para outro:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Errado:

<input type="text" name="lastname" disabled />

Um lugar para outro:

<input type="text" name="lastname" disabled="disabled" />

Como converter de HTML para XHTML

  1. Adicionar um XHTML <!DOCTYPE> para a primeira linha de cada página
  2. Adicionar um xmlns atributo para o elemento html de cada página
  3. Alterar todos os nomes de elementos para minúsculas
  4. Feche todos os elementos vazios
  5. Alterar todos os nomes de atributos para minúsculas
  6. Citar todos os valores de atributos

Validar XHTML com o W3C Validator

Coloque seu endereço na web na caixa abaixo:


❮ Anterior Próxima Capítulo ❯