Foros del Web » Creando para Internet » HTML »

Encabezado con <h1> o <div>, esa es la cuestión

Estas en el tema de Encabezado con <h1> o <div>, esa es la cuestión en el foro de HTML en Foros del Web. Hola, he estado mirando Twenty Ten , la plantilla que trae Wordpress por defecto desde la versión 3.0, pues quiero usarla como framework para crear ...
  #1 (permalink)  
Antiguo 07/01/2011, 15:08
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Pregunta Encabezado con <h1> o <div>, esa es la cuestión

Hola, he estado mirando Twenty Ten, la plantilla que trae Wordpress por defecto desde la versión 3.0, pues quiero usarla como framework para crear mis propios themes y me ha saltado una duda.

El asunto es el siguiente, en el archivo header.php, Twenty Ten presenta el siguiente código:
Código PHP:
Ver original
  1. <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
  2. <<?php echo $heading_tag; ?> id="site-title">
  3.     <span>
  4.         <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
  5.     </span>
  6. </<?php echo $heading_tag; ?>>
Osea, si estamos en la portada del sitio, nos devuelve el encabezado entre etiquetas <h1> ... </h1>, si no, entonces dentro de un <div> ...</div>. Según mis modestos conocimientos, esto se debe a que prioriza el mayor heading para la portada del sitio, dejando para las páginas y noticias esa jerarquía a los títulos de estas (páginas y noticias)

Mi duda es si esto es así como me imagino o se debe a otra cosa, y qué ventajas tiene esto desde el punto de vista semántico, por decirlo de alguna manera.

Gracias de antemano.
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #2 (permalink)  
Antiguo 07/01/2011, 17:17
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde Web general a HTML
  #3 (permalink)  
Antiguo 07/01/2011, 18:02
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

por seo y semantica,las etiqueta h (h1,h2,h3,h4...) es lo indicado
__________________
Visita mi Blog,esta lleno de codigos utiles,consejos,ideas y software libre.

http://josewebmasterlibre.wordpress.com/
  #4 (permalink)  
Antiguo 21/01/2011, 10:59
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Oops... Había dejado esto por olvidado ... Mirando en Drupal 7, también pasa lo mismo, cambian h1 por div, entonces, creo que es cuestión de jerarquizar, el contenido, dependiendo de la sección en que uno se encuentre. Para mi tiene sentido...

Saludos
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #5 (permalink)  
Antiguo 04/02/2011, 07:30
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Es interesante lo que viste de WP y Drupal, aunque antes de aplicar ese metodo me preocuparia por lo que se conoce como "landing page", que son las paginas indexadas internas.

Creo que para hacer algo como eso, lo ideal seria poner el H1 como ultima linea de codigo en el HTML y llevarlo al tope con CSS, para que se indexe el contenido antes que el titulo del site en vez de poner el titulo en un DIV.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #6 (permalink)  
Antiguo 04/02/2011, 07:43
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

yo soy de la vieja escuela roger y lo sabes para mi el H1 es intocable, al igual que los demas, y los utilizo solament en los contenidos, no en el sidebar o footer, solo en los cont, por eso yo no reemplazaría al h1 por un class!

un abrazo amigo!
  #7 (permalink)  
Antiguo 04/02/2011, 08:27
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Bueno, para mi sigue teniendo sentido, pues en Twenty Ten cuando entras a un post o una página, o cualquier otro lugar que no sea el front del sitio, se etiqueta dentro de h1 el nombre del post o la página o lo que sea. Creo que es lo que dice @junihh cuando habla de landing page, pero no pondría un h1 con el título del sitio al final para que se indexe, pues entorpecería la jerarquía de las etiquetas...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #8 (permalink)  
Antiguo 04/02/2011, 12:08
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

No se animan a empezar a usar <header> y <hgroup> o <article> para empezar a ver que ventajas trae el html5 en los posts.

Siempre mantendría el <h1> para los títulos de artículos individuales y <divs> cuando los estés listando, pero empezar a usar más semántica podría ser una práctica interesante
__________________
- Christian Van Der Henst
Platzi
  #9 (permalink)  
Antiguo 04/02/2011, 12:16
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

@cvander: Decirte que ya comence a codear en HTML5, pero por el momento solo a modo de prueba y aprendizaje. Tengo un proyecto personal en proceso y quiero aprovechar el "localStorage" para guardar datos del usuario localmente y asi evitar hacer consultas al servidor. La intencion es ahorrarle carga de trabajo al servidor y depender lo mas posible de ajax.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #10 (permalink)  
Antiguo 04/02/2011, 12:36
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Cita:
Iniciado por cvander Ver Mensaje
No se animan a empezar a usar <header> y <hgroup> o <article> para empezar a ver que ventajas trae el html5 en los posts.

Siempre mantendría el <h1> para los títulos de artículos individuales y <divs> cuando los estés listando, pero empezar a usar más semántica podría ser una práctica interesante
Anjá.. de echo, hace algún tiempo estuve jugando un poco con eso y me pareció muy bien, y ahora ando cocinando un pastelito ahí que quiero hacerlo todo en HTML5
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #11 (permalink)  
Antiguo 04/02/2011, 13:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Últimamente me estoy replanteando el tema del h1 único por página obligatoriamente.
El h1 lo estoy enfocando, en blog´s, como el título del articulo. Y eso me llevó a plantearme si en una página que sea un resumen de artículos debería cambiar la etiqueta.
Y estoy por decantarme por un NO.
La alternativa sería pasarlo a un h2, pero ¿cuál debería ser el h1?
Y no, no me convence el nombre de la página o su descripción, que para eso ya está el title del head o alguno de los meta.

Una analogía hablando de libros:
En un libro, el equivalente al h1 sería el propio título del libro.
¿Debe cambiar ese etiquetado en función de si el libro está sólo (aislado de otros) o en una estantería acompañado de más libros?

Son mis dudas.
  #12 (permalink)  
Antiguo 04/02/2011, 13:34
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Interesante el ejemplo que pones @kseso?, a ver, en un libro, el h1 sería el título, luego el índice, el prólogo, etc, estarían en h2, en el caso del índice, los items estarían en una lista, por decirlo e alguna manera...

¿Pero que pasa si entramos a un capítulo? El nombre del capítulo pasaría a ser el h1 y el título del libro quedaría a un segundo (o n plano).

O ¿que tal si el libro está en un estante? por ejemplo, Novelas o Poesías, entonces esos serían los h1 del estante, y los títulos de los libros pasarían a h2...

__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #13 (permalink)  
Antiguo 04/02/2011, 14:03
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Casi, pero no, Roger.

Yo, personalmente, asimilo cada artículo o post al libro. No es el dominio el libro, sino todos y cada uno de los post.
Así en cada artículo su título es el h1 y a partir de él, si hay caso y se justifica, en el cuerpo o desarrollo del post habrá algún h2 y a su vez dentro de cada h2 podrá haber o no h3... etc.

Y la cuestión que yo me traigo en mente, y la que intenté trasmitir en el anterior, es si el título de ese post debe cambiar su h1 a otra etiqueta y el porqué cuando coincida (por ejemplo en la portada del blog) con otros artículos. Ya se muestre todo su contenido o sólo una parte o sinopsis de ellos.
Ojo, no cuando sea una recopilación de los artículos publicados y sólo aparezcan relacionados los títulos, como pudiera ser en una sección de "últimos artículos publicados" o la relación de todos los etiquetados bajo una misma categoría.

Espero haberme explicado mejor.
  #14 (permalink)  
Antiguo 04/02/2011, 14:18
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 12 años, 4 meses
Puntos: 638
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Cita:
Iniciado por kseso? Ver Mensaje
Casi, pero no, Roger.

Yo, personalmente, asimilo cada artículo o post al libro. No es el dominio el libro, sino todos y cada uno de los post.
Así en cada artículo su título es el h1 y a partir de él, si hay caso y se justifica, en el cuerpo o desarrollo del post habrá algún h2 y a su vez dentro de cada h2 podrá haber o no h3... etc.

Y la cuestión que yo me traigo en mente, y la que intenté trasmitir en el anterior, es si el título de ese post debe cambiar su h1 a otra etiqueta y el porqué cuando coincida (por ejemplo en la portada del blog) con otros artículos. Ya se muestre todo su contenido o sólo una parte o sinopsis de ellos.
Ojo, no cuando sea una recopilación de los artículos publicados y sólo aparezcan relacionados los títulos, como pudiera ser en una sección de "últimos artículos publicados" o la relación de todos los etiquetados bajo una misma categoría.

Espero haberme explicado mejor.
Uhmm... creo que soy yo quien no se explica bien, pues coincidimos, y creo que bastante.

Para que se vea gráficamente lo que digo, que es como lo hace Twenty Ten y con lo que estoy de acerdo:

Home
Código:
<h1>Home</h1>
    <h2>Post 1</h2>
    <h2>Post 2</h2>
    <h2>Post 3</h2>
Post
Código:
    <div>Home</div>
<h1>Post</h1>
    <h2>Post part 1</h2>
    <h2>Post part 2</h2>
    <h2>Post part 3</h2>
Sería algo así, aunque yo normalmente uso h3 para seccionar los post en partes, cuando escribo algo que tenga la estructura Introducción, Desarrollo, Conclusión...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #15 (permalink)  
Antiguo 06/02/2011, 11:05
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Encabezado con <h1> o <div>, esa es la cuestión

Pues aunque lo que dice @kseso parece razonable, todavia toca el tema de multiples titulos en una sola pagina. El caso es que tenemos el nombre de la empresa <h1>Empresa</h1>, pero aparte tenemos el titulo de la seccion (mismo caso con los blog) <h2>Titulo de seccion</h2>. Si ponemos todos los titulos principales en H1, quizas el indexador no los asimile todos.

Me ha tocado casos en los que tengo hasta tres titulos en una misma pagina, entonces le dejo al nombre de la empresa en H1 y todos los demas en H2. Los subtitulos dentro de H2 los pongo como H3 y sucesivamente.

Prefiero dejarle la exclusiva del H1 al nombre de la empresa o nombre del blog.
__________________
JuniHH
- Mi blog
- Mi portafolio

Etiquetas: twentyten, wordpress
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 3 personas




La zona horaria es GMT -6. Ahora son las 20:02.