Foros del Web » Creando para Internet » HTML »

Uso apropiado de <h1> y <h2> con el logo y título

Estas en el tema de Uso apropiado de <h1> y <h2> con el logo y título en el foro de HTML en Foros del Web. Hola señores Tenía una fuerte confusión acerca de cómo usar correctamente los <div> <section> <article>, porque en lugar de usar los div como wrapper, usaba ...
  #1 (permalink)  
Antiguo 29/08/2011, 16:55
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 20 años, 2 meses
Puntos: 7
Uso apropiado de <h1> y <h2> con el logo y título

Hola señores

Tenía una fuerte confusión acerca de cómo usar correctamente los <div> <section> <article>, porque en lugar de usar los div como wrapper, usaba section. Luego de buscar encontré este artículo, que respondió mi duda: http://html5doctor.com/the-article-element/

La duda que ahora tengo es acerca de los <h1> y <h2>. El caso es que en el mismo artículo ponen estos ejemplos:

Código HTML:
<article>
        <h1>Apple</h1>
        <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
        ...
</article> 
Código HTML:
<article>
  <header>
    <h1>Apple</h1>
    <p>Published: <time pubdate="pubdate">2009-10-09</time></p>
  </header>
  <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
  ...
  <footer>
    <p><small>Creative Commons Attribution-ShareAlike License</small></p>
  </footer>
</article> 
Código HTML:
<article>
  <h1>Apple varieties</h1>
  <p>The apple is the pomaceous fruit of the apple tree...</p>

  <section>
    <h2>Red Delicious</h2>
    <p>These bright red apples are the most common found in many supermarkets...</p>
  </section>

  <section>
    <h2>Granny Smith</h2>
    <p>These juicy, green apples make a great filling for apple pies...</p>
  </section>
    
</article> 
Código HTML:
<section>
  <h1>Articles on: Fruit</h1>

  <article>
    <h2>Apple</h2>
    <p>The apple is the pomaceous fruit of the apple tree...</p>
  </article>

  <article>
    <h2>Orange</h2>
    <p>The orange is a hybrid of ancient cultivated origin, possibly between pomelo and tangerine...</p>
  </article>

  <article>
    <h2>Banana</h2>
    <p>Bananas come in a variety of sizes and colors when ripe, including yellow, purple, and red...</p>
  </article>
    
</section> 
Tengo por costumbre poner en los h1 el logo de la empresa o en su defecto, el logo del blog en cuestión y no usarlo como título principal, ya que esto lo relego al h2. O sea, el h1 para el logo-título del blog y el h2 para el título del artículo.

¿Consideran apropiado usar el h1 como título del artículo igual que el logo o mejor aplicar h1 sólo al título y que el logo esté dentro de un div?
__________________
JuniHH
- Mi blog
- Mi portafolio
  #2 (permalink)  
Antiguo 29/08/2011, 18:24
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Uso apropiado de <h1> y <h2> con el logo y título

Creo que tu cuarto ejemplo se ve más apropiado.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: html5, logo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 15:08.