¿Está prohibido repetir ciertas etiquetas?

quico5 · #1 (**permalink**) 22/11/2014, 13:20

he repetido algunas etiquetas en el siguiente ejemplo, tengo leído que header, footer o incluso h1 se pueden repetir en distintos niveles jerárquicos ¿se permite con body o esta prohibido o simplemente invalidado por los validadores online? ¿y la etiqueta main, se puede repetir?

gracias

Código HTML:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8"/>
	<title>Document</title>
</head>
<body>
	<header><h1></h1></header>
	<main>
		<div class="panel">
			<header><h1></h1></header>
			<body><main></main></body>
			<footer></footer>
		</div>
	</main>
	<footer></footer>
</body>
</html>

PHPeros · #2 (**permalink**) 22/11/2014, 15:39

La etiqueta main indica el contenido principal de un documento, por lo tanto solo debería haber una por cada.

El resto se pueden repetir en diferentes secciones si es que existen.

quico5 · #3 (**permalink**) 22/11/2014, 19:36

No dices nada sobre la etiqueta "Body" calculo que tampoco debería reutilizarse, ¿o se permite?

Creo entender que BODY y MAIN son dos etiquetas reservadas, la primera engloba la parte visible de la web, y la segunda la parte importante de BODY

PHPeros · #4 (**permalink**) 23/11/2014, 05:16

Las etiquetas body, html y head son únicas por cada documento. Si usas varias será inválido.

narcecl · #5 (**permalink**) 25/11/2014, 11:48

Si no me equivoco también debería haber sólo una etiqueta H1 por página.

PHPeros · #6 (**permalink**) 25/11/2014, 11:53

Cita:

Iniciado por narcecl

Si no me equivoco también debería haber sólo una etiqueta H1 por página.

No tiene por qué, podrían haber varias si tu sitio posee múltiples secciones...

replica · #7 (**permalink**) 28/11/2014, 09:03

Cita:

Iniciado por PHPeros

No tiene por qué, podrían haber varias si tu sitio posee múltiples secciones...

A efectos de SEO penaliza el tener más de 1 etiqueta h1, e incluso se comenta que h2 sólo debería de ser el subtítulo de h1.

A efectos de validador, puedes usar h1 y h2 indiscriminadamente, si no me equivoco.

header y footer se pueden repetir dentro de los article, por ejemplo. Además de ser utilizados como header y footer del body (o del main, si lo utilizas).

Código HTML:

Ver original<article id="n1">
<header></header>
<p></p>
<footer></footer>
</article>
 
<article id="n2">
<header></header>
<p></p>
<footer></footer>
</article>

El main sólo se puede utilizar como descendiente del body, y sólo una vez.

replica · #8 (**permalink**) 28/11/2014, 09:06

Cita:

Iniciado por quico5

he repetido algunas etiquetas en el siguiente ejemplo, tengo leído que header, footer o incluso h1 se pueden repetir en distintos niveles jerárquicos ¿se permite con body o esta prohibido o simplemente invalidado por los validadores online? ¿y la etiqueta main, se puede repetir?

gracias

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
</head>
<body>
<header><h1></h1></header>
<main>
<div class="panel">
<header><h1></h1></header>
<body><main></main></body>
<footer></footer>
</div>
</main>
<footer></footer>
</body>
</html>

De tu ejemplo, lo que señalo en rojo no se puede hacer. Los navegadores te renderizarán, pero los buscadores te penalizarán, y el validador no lo pasará.

pzin · #9 (**permalink**) 28/11/2014, 09:27

Cita:

Iniciado por replica

A efectos de SEO penaliza el tener más de 1 etiqueta h1, e incluso se comenta que h2 sólo debería de ser el subtítulo de h1.

Siendo un documento HTML5 lo dudo mucho.

replica · #10 (**permalink**) 01/12/2014, 13:52

Cita:

Iniciado por pzin

Siendo un documento HTML5 lo dudo mucho.

Es posible que con las nuevas etiquetas de html5 (main, article, aside, section, nav, header, footer) ya no se penalice el poner varios h1. Sencillamente, no lo he probado, y no domino el tema del SEO.

PHPeros · #11 (**permalink**) 01/12/2014, 15:36

¡Vaya! Pues yo pensaba que eras un SEO más de la familia, como este foro está repleto de ellos... en fin, ya somos dos

Cita:

Iniciado por replica

Es posible que con las nuevas etiquetas de html5 (main, article, aside, section, nav, header, footer) ya no se penalice el poner varios h1.

Eso se debe al outline que generan los documentos HTML5. En HTML4, la aparición de un nuevo encabezado (ya fuera h2, h3, h4 etc.), implicaba la creación de una nueva sección, sin necesidad de hacer un uso expreso de divs o etiquetas de subdivisión. Es por eso que en HTML5 se añaden elementos semánticos como los que indicas, luego cada cual ya puede tener sus propios encabezados, footers y todo lo que guarde relación con su contenido.

replica · #12 (**permalink**) 01/12/2014, 17:53

Cita:

Iniciado por PHPeros

¡Vaya! Pues yo pensaba que eras un SEO más de la familia, como este foro está repleto de ellos... en fin, ya somos dos

Eso se debe al outline que generan los documentos HTML5. En HTML4, la aparición de un nuevo encabezado (ya fuera h2, h3, h4 etc.), implicaba la creación de una nueva sección, sin necesidad de hacer un uso expreso de divs o etiquetas de subdivisión. Es por eso que en HTML5 se añaden elementos semánticos como los que indicas, luego cada cual ya puede tener sus propios encabezados, footers y todo lo que guarde relación con su contenido.

¡Qué va! Sólo soy un aprendiz de todas las disciplinas que se me ponen por delante. Igual te monto un ordenador nuevo, que te administro un samba en linux, que te hago una aplicación de control de lo que quieras en php. Lo toco todo y no domino nada.

En cuanto a lo de las nuevas cajas semánticas, está bien saberlo, porque la práctica hasta ahora era, en los resúmenes (pensando en un blog), poner el título en h3 por lo que habíamos comentado hasta ahora, y cambiarle el tamaño mediante CSS.