Foros del Web - Ver Mensaje Individual - Firefox y Chrome memuestran h2 más grande que h1

emprear · #6 (**permalink**) 02/05/2013, 17:03

Cita:

Iniciado por reethok

Pero miestilo.css aún no existe. Y si borro el link, sale igual.

Acabo de hacer unas pruebas y al parecer al usar la etiqueta:

Código HTML:

Ver original<section> </section>

hace que los niveles de h no funcionen correctamente, probé haciendo esto:

Código HTML:

Ver original<body>
   <section>
      <h1>Esto es nivel h1</h1>
      <h2>Esto es nivel h2</h2>
      <h3>Esto es nivel h3</h3>
      <h4>Esto es nivel h4</h4>
      <h5>Esto es nivel h5</h5>
      <h6>Esto es nivel h6</h6>
   </section>
</body>

Y tanto chrome como firefox muestran h1 y h2 exactamente igual, pero si borro la etiqueta section, se muestra todo correctamente.

Agh, no sé qué hacer. ¿Qué estará sucediendo? ¿No debo usar la etiqueta section?, porque me parecería una pésima solución.

Saludos.

En html5 la relevancia de los h1 está dada por el posible anidamiento de otros section (creo que con el resto de las etiquetas semánticas pasa lo mismo), mientras que el renderizado del h2 es igual al del h1

Si mirás esteejmpo te vas a dar cuenta

Código:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
</head>
<body>
<section>
    <h1>h1BBBBBBBB</h1>
    <h2>h2BBBBBBBB</h2>
	<section>
	    <h1>h1BBBBBBBB</h1>
	    <h2>h2BBBBBBBB</h2>
		<section>
	    <h1>h1BBBBBBBB</h1>
	    <h2>h2BBBBBBBB</h2>
	       	<section>
	    	<h1>h1BBBBBBBB</h1>
	    	<h2>h2BBBBBBBB</h2>   	
	    		<section>
	    		<h1>h1BBBBBBBB</h1>
	    		<h2>h2BBBBBBBB</h2>				
					<section>
	    			<h1>h1BBBBBBBB</h1>
	    			<h2>h2BBBBBBBB</h2>
					</section>			
				</section>
			</section>
		</section>	
	</section>
</section>
</body>
</html>

Recordá que todo esto tiene un caracter semántico y no visual, para eso el css
Saludos