Codex

< Media Tags | Índice | Sintaxe >

XHTML é uma versão mais rigorosa e limpa do HTML.


O que é XHTML?

  • XHTML significa Extensible HyperText Markup Language
  • XHTML é quase idêntico ao HTML 4.01
  • XHTML é uma versão mais rigorosa e mais limpa de HTML
  • XHTML é HTML definido como um aplicativo XML
  • XHTML é uma recomendação da W3C de janeiro 2000 .
  • XHTML é suportado por todos os principais navegadores.

Por XHTML?

Muitas páginas na Internet contém HTML mal formado.

O código HTML a seguir vai funcionar muito bem se você vê-lo em um navegador (mesmo que não siga as regras do HTML):

XHTML é HTML 4.01 redesenhado como XML.

XML é uma linguagem de marcação onde os documentos devem ser marcados corretamente e "bem formados".

Se você quiser estudar XML, Leia o nosso tutorial de XML .

Hoje o mercado é composto por tecnologias de diferentes navegadores. Alguns navegadores são executados em computadores, e outros em telefones celulares ou ainda em dispositivos pequenos. Dispositivos menores muitas vezes não têm os recursos ou o poder de interpretar uma linguagem de marcação "ruim".

Portanto - combinando os pontos fortes de HTML e XML, XHTML foi desenvolvida.


As diferenças mais importantes do HTML:

  • Elementos XHTML devem estar corretamente aninhados
  • Elementos XHTML devem sempre ser fechados com "/"
  • Elementos XHTML devem estar escritos em minúsculas
  • Documentos XHTML devem ter um elemento raiz

Elementos XHTML devem estar devidamente aninhados

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

Em XHTML, todos os elementos devem estar propriamente aninhados uns dentro dos outros, como este: <b><i>Este texto está em negrito e itálico</i></b>

Nota: Um erro comum com listas aninhadas, é esquecer que a lista aninhada deve estar dentro de elemento <li>.

Isto está errado:

Isto está correto:

Observe que inserimos uma tag </li> após a tag </ul> no exemplo de código correto.


Elementos XHTML devem ser sempre fechados

Não-vazios elementos devem ter uma tag de fechamento.

Isto está errado:

Isto está correto:


Elementos vazios devem ser fechados

Isto está errado: Quebra de linha: <br> Traço horizontal: <hr> Uma imagem: <img src="feliz.gif" alt="Alguém sorrindo">

Isto está correto: Quebra de linha: <br /> Linha hozrizontal: <hr /> Uma imagem: <img src="feliz.gif" alt="Alguém sorrindo" />


Elementos XHTML Devem ser em letras minúsculas

Nomes de marcas e atributos devem ser em letras minúsculas.

Isto está errado:

Isto está correto:


Documentos XHTML devem ter um elemento raiz

Todos os elementos XHTML devem ser aninhados dentro do elemento raiz <html>. Elementos filho deve ser em pares e corretamente aninhados dentro de seu elemento pai.

A estrutura básica do documento é:


< Media Tags | Índice | Sintaxe >