h1 menor que h2

[eduardobrutaldeath]

Hola a todos

En mi SECTION he puesto un H1, H2 y H3... el problema es que mi H1 es de menor tamaño que H2, y del mismo que H3. No sé si esto es normal, nunca me había percatado porque por lo general doy estilos antes de ver lo que he maquetado, y obvio, siempre le pongo mayor tamaño a H1. ¿Alguien sabe qué pasa?

[MaNuX0218]

Has comprobado si le diste un tamaño fijo a H1 para que no cumpla el por defecto que sería ser mayor al H2.

Saludos.

[Alexis88]

Revisa la hoja de estilos, quizá está definido un tamaño de fuente para h1 el cual es menor que el de h2. De cualquier forma, ya no se recomienda utilizar esas etiquetas, para eso están las hojas de estilos.

Saludos

[eduardobrutaldeath]

Iniciado por MaNuX0218

Has comprobado si le diste un tamaño fijo a H1 para que no cumpla el por defecto que sería ser mayor al H2.

Saludos.

Sí, incluso acabo de quitarle TODO el estilo a mi página para ver si hay algún código en mi CSS que esté provocando esto, pero NO, a pesar de haber quitado todo mi CSS, el H2 sigue más grande... ¿Podrías probar en tu máquina por favor?

[eduardobrutaldeath]

Iniciado por Alexis88

Revisa la hoja de estilos, quizá está definido un tamaño de fuente para h1 el cual es menor que el de h2. De cualquier forma, ya no se recomienda utilizar esas etiquetas, para eso están las hojas de estilos.

Saludos

¿Disculpa a qué te refieres exactamente con : 'ya no se recomiendan esas etiquetas'?

[Alexis88]

Perdón, cometí un error, lo que no debe seguir usándose es el atributo center de las etiquetas h1 a la h6.

Sin embargo, es mejor el uso de las hojas de estilos en su lugar, tal y como se recomienda en este artículo.

[eduardobrutaldeath]

He descubierto algo extraño, quitando al padre de mis etiquetas H (SECTION) todo funciona con normalidad. Qué extraño ¿por qué pasará esto?

[Alexis88]

Si no muestras el código que has elaborado, nadie te podrá ayudar pues acá no somos adivinos.

[eduardobrutaldeath]

Iniciado por Alexis88

Si no muestras el código que has elaborado, nadie te podrá ayudar pues acá no somos adivinos.

Es muy simple, porque recién estoy desarrollando :

Código HTML:

<?php
    require("/opt/lampp/htdocs/PHP/header.php");
?>
 
 <section>
        <h1> a </h1>
        <h2> a </h2>
         <h3>a </h3>
 </section>  
              
<?php
    require("/opt/lampp/htdocs/PHP/footer.php");
?>
 

Obvio también está la etiqueta HTML, HEAD, BODY

Lo extraño es que, cuando quito las etiquetas SECTION el tamaño por defecto de las etiquetas H funciona normalmente, pero si las vuelvo a poner, otra vez el H1 se hace más pequeño que el H2

[eduardobrutaldeath]

Iniciado por Alexis88

Si no muestras el código que has elaborado, nadie te podrá ayudar pues acá no somos adivinos.

¿Podrías probar en tu máquina haciendo lo mismo?

Sólo abre una etiqueta SECTION y mete adentro un h1, un h2 y 3

[Alexis88]

Creo que esta es la explicación para lo que te sucede.

[eduardobrutaldeath]

Iniciado por Alexis88

Creo que esta es la explicación para lo que te sucede.

Hola no soy tan bueno con el inglés, y el traductor tampoco ¿Me puedes explicar por favor que dice eso?

Sólo he entendido que un H1 dentro de un SECTION es como si fuera un H2, pero no sé por qué, y tampoco sé que va a pasar con el posicionamiento ¿O sea nunca voy a poder usar h1 en un SECTION? lo mismo pasa con el ARTICLE

[Alexis88]

Iniciado por eduardobrutaldeath

Hola no soy tan bueno con el inglés, y el traductor tampoco ¿Me puedes explicar por favor que dice eso?

Sólo he entendido que un H1 dentro de un SECTION es como si fuera un H2, pero no sé por qué, y tampoco sé que va a pasar con el posicionamiento ¿O sea nunca voy a poder usar h1 en un SECTION? lo mismo pasa con el ARTICLE

Veo que sí entendiste.

Sí puedes utilizar la etiqueta <h1> dentro de secciones o artículos, lo único que va a suceder es lo que se explica en ese comentario.

Para evitar problemas en el futuro y que sepas bien cómo utilizar las etiquetas de encabezado, te recomiendo leer este artículo. De cualquier forma, creo que sería mejor que manejes el tema del tamaño del texto con hojas de estilos.

Saludos

[eduardobrutaldeath]

Iniciado por Alexis88

Veo que sí entendiste.

Sí puedes utilizar la etiqueta <h1> dentro de secciones o artículos, lo único que va a suceder es lo que se explica en ese comentario.

Para evitar problemas en el futuro y que sepas bien cómo utilizar las etiquetas de encabezado, te recomiendo leer este artículo. De cualquier forma, creo que sería mejor que manejes el tema del tamaño del texto con hojas de estilos.

Saludos

Mira, más miedo me da el mal posicionamiento que el estilo; o sea que, no me preocupa tanto que el h1 sea del mismo tamaño que el h2, porque como dices eso se puede cambiar con CSS, lo que me da temor es que, mi posicionamiento se vea afectado... Como dice en ese artículo, mi h1 va a valer como un h2, y no sé por qué pasa eso, y tampoco sé como remediarlo... Creo que entonces no debería usar la etiqueta SECTION pero, me parece bastante molesto privarme de la nueva tecnología por errores, o bugs

[Alexis88]

No creo que afecte al posicionamiento, es decir, el cambio se da en cuanto al tamaño del texto, pero la indexación se realiza por las etiquetas que utilizas y el cómo hayas estructurado el DOM.

[eduardobrutaldeath]

Iniciado por Alexis88

No creo que afecte al posicionamiento, es decir, el cambio se da en cuanto al tamaño del texto, pero la indexación se realiza por las etiquetas que utilizas y el cómo hayas estructurado el DOM.

Yo entendí que el h1 dentro de un SECTION vale como un h2.
Si sólo el estilo del h1 se asemeja al del h2, excelente, pero, si además del estilo el PESO de la etiqueta cambia, ahí si estamos mal...
Lamentablemente mi inglés es básico y no puedo entender al 100% lo que dice el artículo
Espero que tengas razón en que el PESO de las etiquetas no varía, estoy buscando info en Google pero no encuentro, parece que el tema no es muy usual

[pzin]

No tienen nada que ver los estilos con cuestiones de SEO. Pero tu prioridad debería de ser cómo se ve la página para el usuario, no cómo posiciona para los buscadores.

[eduardobrutaldeath]

Iniciado por pzin

No tienen nada que ver los estilos con cuestiones de SEO. Pero tu prioridad debería de ser cómo se ve la página para el usuario, no cómo posiciona para los buscadores.

Dices que no tienen nada que ver los estilos con el SEO pero, si mi h1 se muestra con un tamaño menor al que tiene por defecto ¿qué me garantiza que su PESO como etiqueta no ha disminuido también? Si está midiendo lo mismo que una etiqueta h2 ¿por qué sería tan descabellado pensar que su valor cambie también?

De todas formas voy a usar el SECTION y espero que ustedes tengan razón, y que lo único que cambie en mi etiqueta sea su tamaño mas no su valor.

[pzin]

Iniciado por eduardobrutaldeath

Dices que no tienen nada que ver los estilos con el SEO pero, si mi h1 se muestra con un tamaño menor al que tiene por defecto ¿qué me garantiza que su PESO como etiqueta no ha disminuido también? Si está midiendo lo mismo que una etiqueta h2 ¿por qué sería tan descabellado pensar que su valor cambie también?

De todas formas voy a usar el SECTION y espero que ustedes tengan razón, y que lo único que cambie en mi etiqueta sea su tamaño mas no su valor.

Porque la semántica del HTML no tiene mucho que ver con los si la fuente es roja, negrita o tiene 14 píxeles.

[eduardobrutaldeath]

Iniciado por pzin

Porque la semántica del HTML no tiene mucho que ver con los si la fuente es roja, negrita o tiene 14 píxeles.

¿Y tú podrías explicarme por qué pasa esto sólo cuando meto dentro de una de las etiquetas nuevas (SECTION, ARTICLE, ASIDE) mi h1?

He probado creando mi h1 en un DIV y el tamaño de todas las etiquetas H se respeta, pero cuando las pongo en un SECTION el h1 se iguala en tamaño al h2

[pzin]

Porque un H1 dentro de un section se supone que es menos importante y por lo tanto el tamaño de la fuente por defecto es menor. Esto no ocurre así con los h2, que siempre mantienen el mismo tamaño, independientemente de dónde se encuentren.

Fíjate:

[eduardobrutaldeath]

Iniciado por pzin

Porque un H1 dentro de un section se supone que es menos importante y por lo tanto el tamaño de la fuente por defecto es menor. Esto no ocurre así con los h2, que siempre mantienen el mismo tamaño, independientemente de dónde se encuentren.

Fíjate:

Entonces la teoría de que los h2 están siendo mejor considerados que los h1 ¿es cierta?
No sé si has escuchado

[pzin]

Iniciado por eduardobrutaldeath

Entonces la teoría de que los h2 están siendo mejor considerados que los h1 ¿es cierta?
No sé si has escuchado

No lo creo, va contra la propia semántica web. Pero es que, vuelvo a decir, que no tiene que ver los estilos con la semántica.

[eduardobrutaldeath]

Iniciado por pzin

No lo creo, va contra la propia semántica web. Pero es que, vuelvo a decir, que no tiene que ver los estilos con la semántica.

Bueno gracias