¿Puedo tener varias etiquetas «body» en una página?

Una página HTML solo debe tener una etiqueta «body». Múltiples «body» resultan en HTML inválido y comportamiento impredecible del navegador.

No, no puedes ni debes tener varias etiquetas <body> en una única página HTML válida.

La estructura fundamental de un documento HTML está bien definida:

Un único elemento raíz <html>.
Dentro del <html>, un único elemento <head> (para metadatos, enlaces a CSS, scripts, etc.).
Y, crucialmente, un único elemento <body> que contiene todo el contenido visible de la página (textos, imágenes, enlaces, formularios, etc.).

La etiqueta <body> representa el cuerpo principal de tu documento HTML. Tener más de una crearía una estructura ambigua e inválida según los estándares del W3C y WHATWG.

¿Qué pasaría si intentas usar varias?

HTML inválido: Tu página no validaría, lo cual es un indicador de problemas estructurales.
Comportamiento impredecible del navegador: Los navegadores intentan corregir errores, pero cómo interpretarían múltiples etiquetas <body> es impredecible. Podrían ignorar las subsiguientes, intentar fusionar el contenido de formas extrañas, o generar un DOM (Document Object Model) incorrecto.
Problemas con CSS y JavaScript: Un DOM incorrecto o inesperado haría muy difícil aplicar estilos CSS de forma consistente o manipular el contenido con JavaScript de manera fiable.
Problemas de accesibilidad: Las tecnologías de asistencia dependen de una estructura de página bien formada para interpretar y presentar el contenido correctamente.

Si sientes la necesidad de tener «múltiples cuerpos», es probable que estés buscando una solución a un problema diferente.

Por ejemplo:

Si quieres incrustar un documento HTML completamente separado dentro de otro, para eso existe la etiqueta <iframe>. Cada <iframe> tiene su propio contexto de documento, incluyendo su propio <html>, <head> y <body>.
Si quieres dividir visual o semánticamente grandes bloques de contenido dentro de tu página principal, debes usar elementos de sección como <section>, <article>, <aside>, o <div> genéricos, todos ellos dentro del único <body> permitido.

La estructura correcta básica de una página HTML es:

<!DOCTYPE <strong>html</strong>>
<html lang="es">
<head>
  <meta charset="UTF-F8">
  <title>Título de la página</title>
  </head>
<body>
  <header>...</header>
  <main>...</main>
  <footer>...</footer>
</body>
</html>
Lenguaje del código: PHP (php)

Mantener esta estructura es esencial para un desarrollo web robusto y accesible.

¿Tienes alguna duda o pregunta?Envía el formulario y procuraré darle respuesta

Si creees que esto puede ser de utilidad a alguien más, pues... compártelo que es gratis 🙂

Más contenido interesante