Table of contents
- ¿Qué es XHTML?
- ¿Por qué XHTML?
- Las diferencias más importantes de HTML
- ¿XHTML <!DOCTYPE> es obligatorio?
- Los elementos XHTML deben estar correctamente anidados
- Los elementos XHTML siempre deben cerrarse
- Los elementos XHTML vacíos siempre deben cerrarse
- Los elementos XHTML siempre deben estar en minúsculas
- En XHTML los nombres de los atributos siempre deben ir en minúsculas
- En XHTML los valores de los atributos siempre deben ir entre comillas
- En XHTML la minimización de atributos está prohibida.
- Valide HTML con el validador W3C
- Resumen
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 marcado 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.
Las diferencias más importantes de HTML
El elemento
<!DOCTYPE>es obligatorioEl atributo
xmlnsen<html>es obligatorioLos elementos
<html>,<head>,<title>y<body>son obligatoriosLos 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 deben ir entre comillas
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:
<!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>Titulo del documento</title>
</head>
<body>
Algo de contenido aquí...
</body>
</html>
Los elementos XHTML deben estar correctamente anidados
En XHTML, los elementos siempre deben estar correctamente anidados entre sí.
Ejemplo correcto:
<b><i>Hola XHTML</i></b>
Ejemplo incorrecto:
<b><i>Hola XHTML</b></i>
Los elementos XHTML siempre deben cerrarse
En XHTML, los elementos siempre deben tener una etiqueta de cierre:
Ejemplo correcto:
<p>Este es un párrafo</p>
<p>Este es otro párrafo</p>
Ejemplo incorrecto:
<p>Este es un párrafo
<p>Este es otro párrafo
Los elementos XHTML vacíos siempre deben cerrarse
En XHTML, los elementos vacíos siempre deben estar cerrados:
Ejemplo correcto:
Un salto de línea: <br />
Una regla horizontal: <hr />
Una imagen: <img src="happy.gif" alt="Happy face" />
Ejemplo incorrecto:
Un salto de línea: <br>
Una regla horizontal: <hr>
Una imagen: <img src="happy.gif" alt="Happy face">
Los elementos XHTML siempre deben estar en minúsculas
En XHTML, los nombres de los elementos siempre deben estar en minúsculas:
Ejemplo correcto:
<body>
<p>Este es un párrafo</p>
</body>
Ejemplo incorrecto:
<BODY>
<P>Este es un párrafo</P>
</BODY>
En XHTML los nombres de los atributos siempre deben ir en minúsculas
En XHTML, los nombres de los atributos siempre deben estar en minúsculas:
Ejemplo correcto:
<a href="https://www.notion.so/product/notion-for-education">Notion for education</a>
Ejemplo incorrecto:
<a HREF="https://www.notion.so/product/notion-for-education">Notion for education</a>
En XHTML los valores de los atributos siempre deben ir entre comillas
En XHTML, los valores de los atributos siempre deben ir entre comillas:
Ejemplo correcto:
<a href="https://www.notion.so/product/notion-for-education">Notion for education</a>
Ejemplo incorrecto:
<a href=https://www.notion.so/product/notion-for-education>Notion for education</a>
En XHTML la minimización de atributos está prohibida.
En XHTML, la minimización de atributos está prohibida:
Ejemplo correcto:
<input type="checkbox" name="vehiculo" value="carro" checked="checked" />
<input type="text" name="nombre" disabled="disabled" />
Ejemplo incorrecto:
<input type="checkbox" name="vehiculo" value="carro" checked />
<input type="text" name="nombre" disabled />
Valide HTML con el validador W3C
Copie la URL de una página para validar el marcado HTML del documento:
Resumen
XHTML es una versión de HTML pero más estricta. Se creó con el fin de darle a HTML más alcance para trabajar con otros formatos como XML.
Traducido con 💚 desde W3Schools.com