HTML - Problema con la etiqueta hgroup

   
Vista:

Problema con la etiqueta hgroup

Publicado por Gustavo (1 intervención) el 23/12/2013 21:58:40
Hola gente estoy estudiando la estructura de html 5 y al llegar a hgroup leo que sirve para agrupar etiquetas h de nivel de encabezado y tambien dice que hay que agruparlas en orden de jerarquia es decir,(h1,h2,h3,h4,h5,h6), probando el codigo de ejemplo, noto que casi todos los navegadores (exepto el explorer) al ponerlas en ese orden
me muestran los encabezados al reves, es decir si las agrupo h1 y despues h2 , me muestran el título con letra mas pequeña y el subtítulo con letra mas grande.
Mi pregunta es estoy haciendo algo mal o no las entienden la mayoria de los navegadores?, como dije antes en explorer si se mostraban bien los encabezados.

Les dejo el código (esta en la parte de las etiquetas article).



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="es-AR">
<head>
   <meta charset="utf-8">
   <meta name="title" content="titulo de la pagina">
   <meta name="description"  content="descripcion de la pagina">
   <meta name="keywords"  content="palabras claves">
   <meta name="robots"  content="index,follow">
   <link   rel="stylesheet"  href="misestilos.css">
</head>
 
 
<body>
 
<header>
  <h1>Este es el título principal del sitio web</h1>
</header>
 
 
<nav>
  <ul>
    <li>principal</li>
	<li>fotos</li>
	<li>videos</li>
	<li>contactos</li>
  </ul>
</nav>
 
 
<section>
 
<article>
<header>
<hgroup>
<h1>Título del mensaje 1</h1>
<h2>Subtítulo del mensaje 1 </h2>
</hgroup>
<p>Publicado el 23-12-2013</p>
 
</header>
Este es el texto de mi primer mensaje
<footer>
<p>Comentarios (0) </p>
</footer>
 
</article>
 
<article>
<header>
<hgroup>
<h1>Título del mensaje 2</h1>
<h2>Subtítulo del mensaje 2</h2>
</hgroup>
<p>Publicado el 23-12-2013<p>
</header>
 
Este es el texto de mi segundo mensaje
 
<footer>
<p>Comentarios  (0) </p>
 
</footer>
</article>
 
</section>
 
 
 
<aside>
<blockquote>Mensaje número uno </blockquote>
<blockquote>Mensaje número dos </blockquote>
 
</aside>
<br><br>
<hr>
<footer>
 
Derechos Reservados &copy; 2013-2014
 
</footer>
 
 
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Jose maria

Problema con la etiqueta hgroup

Publicado por Jose maria (31 intervenciones) el 24/12/2013 10:52:21
Ante todo, Feliz Navidad a todos

Hola Gustavo:

Si te digo que desde el 2 de abril de 2013
(Nota de su comunicado interno) el Grupo de Trabajo de HTML por este medio hace suya la solicitud de eliminar hgroup del HTML 5.0 especificación CR. Se solicita a los editores para hacer este cambio

Explicarte por qué ocurre esto, es una simple anécdota.

De todos modos, utilizar la etiqueta hgroup solo tenía sentido si existían varias etiquetas <h?>

¿Por qué el tamaño de <h1> es menor?: Deriva del nivel dado por <header>, <section>, <article>, <foooter>

Prueba estos cuatro ejemplos:
<header>
1
2
3
4
5
6
<header>
<hgroup>
  <h1>Este es el título principal del sitio web</h1>
  <h2>Este es el subtítulo del sitio web</h2>
</hgroup>
</header>
<footer>
1
2
3
4
5
6
7
<footer>
<hgroup>
  <h1>Este es el pie principal del sitio web</h1>
  <h2>Este es el subtítulo del pie del sitio web</h2>
</hgroup>
Derechos Reservados &copy; 2013-2014
</footer>
En ambos casos <h1> y <h2> funcionan como esperas.

<section>
1
2
3
4
5
6
7
8
9
<section>
<hgroup>
<h1>Título del mensaje 1</h1>
<h2>Subtítulo del mensaje 1 </h2>
</hgroup>
<p>Publicado el 23-12-2013</p>
Este es el texto de mi primer mensaje
<p>Comentarios (0) </p>
</section>
Aquí <h1> está en un nivel "inferior" de section y se iguala a <h2>

Y si estamos en <section><article>
1
2
3
4
5
6
7
8
9
10
11
<section>
<article>
<hgroup>
<h1>Título del mensaje 1</h1>
<h2>Subtítulo del mensaje 1 </h2>
</hgroup>
<p>Publicado el 23-12-2013</p>
Este es el texto de mi primer mensaje
<p>Comentarios (0) </p>
</article>
</section>
Ahora <h1> es incluso menor a <h2>

¿Por qué afecta a <h1> y no a <h2>? Pienso que tiene que ver con el navegador, pero ocurre en los principales (IE11 muestra una diferencia en su interpretación).
Existía una razón orientada a la mejor lectura e indexación de los contenidos por los robots pero parece que lo han desestimado.

Valga la nota inicial: <hgroup> se ha eliminado de la especificación HTML5
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de xve

Problema con la etiqueta hgroup

Publicado por xve (1178 intervenciones) el 24/12/2013 20:06:46
Excelente Jose Maria!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema con la etiqueta hgroup

Publicado por gustavo (87 intervenciones) el 28/12/2013 14:18:38
ok muchas gracias jose maria , gracias de nuevo gente y feliz año nuevo si no puedo meterme antes de nuevo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar