Latest web development tutorials

XHTML Introdução

XHTML é um formato XML escrito em HTML.


O que é XHTML?

  • XHTML refere-se à Extensible HTML
  • XHTML e HTML 4.01 são quase idênticos
  • XHTML é mais rigorosa e mais pura versão HTML
  • aplicação XHTML por meio de XML definido HTML
  • XHTML é o janeiro 2001 Recomendação W3C publicada
  • XHTML por todos os principais navegadores apoio

Por que usar XHTML?

página de Internet contém um monte de HTML "ruim".

Se você olhar em um navegador, o seguinte código HTML para executar muito normal (mesmo que não esteja em conformidade com as regras HTML):

<Html> <Head> <Meta charset = "utf-8"> <Title> Este é um HTML não-padrão </ title> <Body> <H1> não-padrão HTML <p> Este é um parágrafo </ body>

XML é uma obrigação devidamente marcado e bem formado linguagem de marcação.

Se você quer aprender XML, leia o nosso Tutorial XML .

Hoje, a comunidade científica, há alguma tecnologia navegador diferente. Alguns dos quais executado em um computador, enquanto outros podem rodar em telefones celulares ou outros dispositivos pequenos. Pequenos dispositivos, muitas vezes falta explicar "maus" recursos e capacidades Markup Language.

Assim - combinando os pontos fortes de HTML e XML, desenvolvemos XHTML. XHTML como XML redesenhado HTML.


A diferença mais importante em comparação com o HTML:

Estrutura do documento

  • XHTML DOCTYPE é obrigatória
  • <Html> O atributo namespace XML é obrigatória
  • <Html>, <head>, <title> e <body> é obrigatória

elemento Sintaxe

  • elementos XHTML devem estar devidamente aninhados
  • elementos XHTML devem ser sempre fechada
  • elementos XHTML devem ser em letras minúsculas
  • documentos XHTML devem ter um elemento raiz

atributo sintaxe

  • atributos XHTML devem estar em letras minúsculas
  • valores de atributo XHTML devem ser entre aspas
  • XHTML minimização atributo é proibido

<! DOCTYPE ....> é obrigatória

documentos XHTML devem ser XHTML declaração de tipo de documento (XHTML declaração de DOCTYPE).

Você pode encontrar o tutorial completo nesta tag no Manual de Referência de tipo de documento XHTML.

<Html>, <head>, <title> e <body> elemento deve existir e deve usar <html> xmlns atributo no documento especificado namespace xml.

O exemplo a seguir mostra um documento XHTML com um mínimo de marcas necessárias:

<! DOCTYPE html PÚBLICO "- // 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> <Meta charset = "utf-8"> <Title> Título do Documento </ title> </ Head> <Body> conteúdo do documento </ body> </ Html>


elementos XHTML devem estar devidamente aninhados

Em HTML, alguns elementos não podem ser aninhados, como este:

<B> <i> itálico e negrito texto </ b> </ i>

Em XHTML, todos os elementos devem ser aninhados uns com os outros racional, como este:

<B> <i> negrito e itálico texto </ i> </ b>


elementos XHTML devem ter uma tag de fechamento

Exemplos de erros:

<P> Este é um parágrafo <p> Este é outro parágrafo

direita:

<P> Este é um parágrafo </ p> <P> Este é outro parágrafo </ p>


Elementos vazios devem incluir uma tag de fechamento

Exemplos de erros:

Ramos: <br> nível: <hr> Fotos: <img src = "happy.gif" alt = "cara feliz">

direita:

Ramos: <br /> Level: <hr /> Foto: <img src = "happy.gif" alt = "cara feliz" />


elementos XHTML devem ser em letras minúsculas

Exemplos de erros:

<BODY> <P> Este é um parágrafo </ P> </ BODY>

direita:

<Body> <P> Este é um parágrafo </ p> </ Body>


Atribuem nomes devem estar em letras minúsculas

Exemplos de erros:

<Table WIDTH = "100%">

direita:

<Table width = "100%">


Os valores dos atributos deve ter aspas

Exemplos de erros:

<Table largura = 100%>

direita:

<Table width = "100%">


Permitidos propriedade estenográfica

Exemplos de erros:

<Input checked> <Input readonly> <Input desativada> <Opção selecionado>

direita:

<Input checked = "checked"> <Input readonly = "readonly"> <Input disabled = "desativado"> <Opção selected = "selected">


Como converter HTML para XHTML

  1. Adicionar um XHTML <! DOCTYPE> para sua página
  2. Adicionando xmlns atributo para o elemento html de cada página.
  3. Mudar todos os elementos para minúsculas
  4. Feche todos os elementos vazios
  5. Modificar todos os nomes de atributos para minúsculas
  6. Todos os valores de atributos para adicionar aspas

Utilizando o validador do W3C para testar a sua XHTML

Digite seu URL na caixa abaixo: