HTML frente a XHTML
XHTML es una versión de HTML más estricta y más basada en XML.
¿Qué es XHTML?
- XHTML significa Lenguaje de marcado de hipertexto extensible . _ _
- XHTML es una versión de HTML más estricta y más basada en XML.
- XHTML es HTML definido como una aplicación XML
- XHTML es compatible con todos los principales navegadores
¿Por qué XHTML?
XML es un lenguaje de marcas en el que todos los documentos deben marcarse correctamente (estar "bien formados").
XHTML fue desarrollado para hacer HTML más extensible y flexible para trabajar con otros formatos de datos (como XML). Además, los navegadores ignoran los errores en las páginas HTML e intentan mostrar el sitio web incluso si tiene algunos errores en el marcado. Entonces XHTML viene con un manejo de errores mucho más estricto.
Si desea estudiar XML, lea nuestro Tutorial XML .
Las diferencias más importantes de HTML
- <!DOCTYPE> es obligatorio
- El atributo xmlns en <html> es obligatorio
- <html>, <head>, <title> y <body> son obligatorios
- Los elementos siempre deben estar correctamente anidados
- Los elementos siempre deben estar cerrados .
- Los elementos siempre deben estar en minúsculas
- Los nombres de los atributos siempre deben estar en minúsculas
- Los valores de los atributos siempre se deben citar
- La minimización de atributos está prohibida.
XHTML - <!DOCTYPE ....> es obligatorio
Un documento XHTML debe tener una declaración XHTML <!DOCTYPE>.
Los elementos <html>, <head>, <title> y <body> también deben estar presentes, y el atributo xmlns en <html> debe especificar el espacio de nombres xml para el documento.
Ejemplo
Aquí hay un documento XHTML con un mínimo de etiquetas requeridas:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
Los elementos XHTML deben estar correctamente anidados
En XHTML, los elementos siempre deben estar correctamente anidados entre sí, así:
Correcto:
<b><i>Some
text</i></b>Incorrecto:
<b><i>Some
text</b></i>Los elementos XHTML siempre deben estar cerrados
En XHTML, los elementos siempre deben estar cerrados, así:
Correcto:
<p>This is a paragraph</p>
<p>This is another paragraph</p>Incorrecto:
<p>This is a paragraph
<p>This is another paragraphLos elementos vacíos de XHTML siempre deben estar cerrados
En XHTML, los elementos vacíos siempre deben estar cerrados, así:
Correcto:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />Incorrecto:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">Los elementos XHTML deben estar en minúsculas
En XHTML, los nombres de los elementos siempre deben estar en minúsculas, así:
Correcto:
<body>
<p>This is a paragraph</p>
</body>Incorrecto:
<BODY>
<P>This is a paragraph</P>
</BODY>Los nombres de los atributos XHTML deben estar en minúsculas
En XHTML, los nombres de los atributos siempre deben estar en minúsculas, así:
Correcto:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Incorrecto:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Los valores de los atributos XHTML deben citarse
En XHTML, los valores de los atributos siempre se deben citar, así:
Correcto:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Incorrecto:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>La minimización de atributos XHTML está prohibida
En XHTML, la minimización de atributos está prohibida:
Correcto:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />Incorrecto:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />