Diferenças entre XHTML e HTML

Escrevendo HTML estrito, você pode se preparar para o XHTML.

Como se preparar para o XHTML

XHTML e HTML 4.01 padrões não têm muitas diferenças.

Portanto, atualizar seu código para 4.01 é um bom começo. Nossos completos《Manual de referência HTML 4.01》ajudará a fazer isso.

Além disso, você deve usar letras minúsculas para escrever código HTML imediatamente, e nunca养成忽略 como </p> tags hábitos ruins.

Desejamos que você codifique com prazer!

A principal diferença é:

  • Os elementos XHTML devem ser aninhados corretamente.
  • Os elementos XHTML devem ser fechados.
  • Os nomes das tags devem ser em letras minúsculas.
  • O documento XHTML deve ter um elemento raiz.

Os elementos devem ser aninhados corretamente

Em HTML, alguns elementos podem ser aninhados incorretamente uns nos outros, como neste exemplo:

<b><i>Este texto é negrito e itálico</b></i>

Em XHTML, todos os elementos devem ser aninhados corretamente uns nos outros, como neste exemplo:

<b><i>Este texto é negrito e itálico</i></b>

Dica:Um erro comum em listas aninhadas é esquecer que a lista interna deve estar dentro do elemento li, como no exemplo a seguir:

Isso está errado:

<ul>
  <li>Café</li>
  <li>Chá</li>
    <ul>
      <li>Chá preto</li>
      <li>Chá verde</li>
    </ul>
  <li>Leite</li>
</ul>

Isso está correto:

<ul>
  <li>Café</li>
  <li>Chá
    <ul>
      <li>Chá preto</li>
      <li>Chá verde</li>
    </ul>
  </li>
  <li>Leite</li>
</ul>

Atenção: Nos exemplos de código corretos, inserimos uma tag </li> após </ul>.

Os elementos XHTML devem ser fechados

As tags não vazias devem ser fechadas.

Isso está errado:

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

Isso está correto:

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

As tags vazias também devem ser fechadas

As tags vazias também devem ser fechadas, ou seu início deve ser fechado com/>Fim.

Isso está errado:

Uma quebra: <br
Uma linha horizontal: <hr>
Uma imagem: <img src="happy.gif" alt="Face feliz">

Isso está correto:

Uma quebra: <br />
Uma linha horizontal: <hr />
Uma imagem: <img src="happy.gif" alt="Face feliz"> />

Os elementos XHTML devem ser minúsculos

A especificação XHTML define: os nomes dos elementos e os pares de atributos são sensíveis a maiúsculas e minúsculas.

Isso está errado:

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

Isso está correto:

<body>
<p>Este é um parágrafo</p>
</body>

O documento XHTML deve ter um elemento raiz

Todos os elementos XHTML devem ser aninhados dentro do elemento raiz <html>. Todos os outros elementos podem ter elementos filhos. Os elementos filhos devem ser pares e aninhados dentro do elemento pai. A estrutura básica do documento é a seguinte:

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