Consulta sobre etiquetas h1,h2,h3

[isabel021258]

Hola chicos tengo una duda sobre la utilización de las etiquetas h, resulta que yo en mi web tengo las secciones divididas así:

INDEX



RESTO DE LAS PÁGINAS



¿como debería distribuir las etiquetas para las zonas de los títulos de la primera y la segunda imagen? En caso de usar una etiqueta h1 y h2 podrían tener el mismo tamaño?

Gracias a todos!!!

[zerokilled]

¡buenas!
la distribución de los elementos heading (h1 - h6) lo haces de la misma forma como en un libro. h1 para títulos principales hasta h6 para subtítulos. por supuesto, debes aplicarlo de forma ordenada. aunque difiero de la práctica, se dice que como mucho debes tener un solo h1 en cuál será el título principal de tu página, h2 las diferentes secciones y así secisivamente con cada parte interna de cada sección. sobre el tamaño, opino que es una cuestión más bien de gustos en el diseño. en la práctica, un subtítulo no debería ser de mayor tamaño que su antecesor. por ejemplo, un h3 no debería ser mayor o igual en tamaño que un h2. principalmente porque no dejas una clara distinción sobre el contenido, introduciendo así posible confusión al lector. es decir, el lector podría confundir ún subtítulo de un título. en fin, ahí deberías aplicar más la diciplina de diseñador y de un buen diseño.

[isabel021258]

Gracias zero por la respuesta había leido que debía guiarme como si fuera un libro pero aún asi no logro identificar las h correctas por ejemplo en la 2da imagen usaría en el titulo de presentación un h1 y para los otros 3 títulos creo que correspondería un h2, pero en el footer no se que usar porque es un titulo del mismo tamaño que el de la imagen de presentación

[zerokilled]

me resulta curioso que en un footer tengas un título, lo que significa que en el footer tienes contenido adicional. un footer por lo general es un "cierre" del documento. es decir, que podría llevar contenido menos relevante. por supuesto, el comentario es en relación a la práctica general. en todo caso, si sigues la recomendación común, la cabecera es un h1, título de presentacion y el footer un h2, los tres subtítulos un h3. pero seguramente no le querás dar la misma relevancia al footer como al título de presentación. en ese caso podrías optar por no aplicarle ningún heading, o si lo requieres quizas un h4, pero en realidad depende mucho del contenido en footer. tienes que analizar y juzgar por ti misma.

[isabel021258]

Me parece interesante la estructura que plateaste pero se me presenta un problema en el index y es que no hay un titulo general sino que directamente pasaría a 3 subtitulos o sea me quedaría sin un h1 teniendo 1 h2 y 3 h3, ahí es donde me entra la confusión.

[diamari]

Lo que plantea zerokilled si es la forma correcta de visualizar las etiquetas de cabeceras pero no existe una regla en html que te exige hacer las cosas así. Incluso creo que son pocos quienes lo hacen. Como el antiguo utilización de las tablas para estructurar las paginas web los programadores utilizan lo que necesitan para lograr lo que quieren especialmente cuando no existen mejor opción.

Si estas utilizando html 4.01 podrías designar un h# para cabeceras y uno para tu footer utilizando los demás para títulos en tus paginas. Los tamaños del mismo puede ser designado con css según desee.

Ahora si utilizas html 5 pues la cosa cambia porque existen etiquetas para cabeceras <header>, footer <footer>, artículos <article> y hasta detalles <details>.

[kseso?]

Y como en tantos otros aspectos, todo depende del doctype declarado.
Bien es cierto que en todos menos uno la recomendación siempre fue un sólo h1 (en ciertos y muy contados casos podrían estar justificados más).

Pero con el advenimiento prematuro y en verde de html5 eso se está perdiendo (como otras buenas prácticas), así como el hecho de que hubiese una jerarquerización y encadenamiento descendente y consecutivo de hnº.