Diferencias entre XHTML y HTML

Escribiendo HTML estricto, puede prepararse para XHTML.

Cómo prepararse para XHTML

No hay muchas diferencias entre el estándar XHTML y HTML 4.01.

Por lo tanto, actualizar su código a 4.01 es un buen comienzo. Nuestra completaManual de referencia HTML 4.01te ayudará a lograr esto.

Además, debe escribir el código HTML usando minúsculas de inmediato y nunca acostumbrarse a ignorar etiquetas como </p>.

¡Espero que pueda codificar con placer!

La principal diferencia es:

  • Los elementos XHTML deben estar correctamente anidados
  • Los elementos XHTML deben cerrarse
  • Los nombres de las etiquetas deben usar letras minúsculas
  • El documento XHTML debe tener un elemento raíz

Los elementos deben estar correctamente anidados

En HTML, ciertos elementos pueden estar incorrectamente anidados entre sí de esta manera:

<b><i>Este texto está en negrita e itálica</b></i>

En XHTML, todos los elementos deben estar correctamente anidados entre sí de esta manera:

<b><i>Este texto está en negrita e itálica</i></b>

Consejo:Un error común en listas anidadas es olvidar que la lista interna debe estar dentro del elemento li, como se muestra a continuación:

Esto es incorrecto:

<ul>
  <li>Café</li>
  <li>Té
    <ul>
      <li>Té negro</li>
      <li>Té verde</li>
    </ul>
  <li>Leche</li>
</ul>

Esto es correcto:

<ul>
  <li>Café</li>
  <li>Té
    <ul>
      <li>Té negro</li>
      <li>Té verde</li>
    </ul>
  </li>
  <li>Leche</li>
</ul>

Nota: En los ejemplos de código correcto, insertamos una etiqueta </li> después de </ul>.

Los elementos XHTML deben cerrarse

Las etiquetas no vacías deben cerrarse

Esto es incorrecto:

<p>Este es un párrafo
<p>Este es otro párrafo

Esto es correcto:

<p>Este es un párrafo</p>
<p>Este es otro párrafo</p>

Las etiquetas vacías también deben cerrarse

Las etiquetas vacías también deben cerrarse, o su etiqueta de inicio debe cerrarse/>Final.

Esto es incorrecto:

Una ruptura: <br>
Una línea horizontal: <hr>
Una imagen: <img src="happy.gif" alt="Rostro feliz">

Esto es correcto:

Una ruptura: <br />
Una línea horizontal: <hr />
Una imagen: <img src="happy.gif" alt="Rostro feliz"> />

Los elementos XHTML deben estar en minúsculas

La especificación XHTML define: los nombres de etiqueta y los pares de atributos son sensibles a mayúsculas y minúsculas.

Esto es incorrecto:

<BODY>
<P>Este es un párrafo</P>
</BODY>

Esto es correcto:

<body>
<p>Este es un párrafo</p>
</body>

Un documento XHTML debe tener un elemento raíz

Todos los elementos de XHTML deben estar anidados dentro del elemento raíz <html>. Todos los demás elementos pueden tener elementos hijos. Los elementos hijos deben ser pares y estar anidados dentro de su elemento padre. La estructura básica del documento es la siguiente:

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