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).
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 © 2013-2014
</footer>
</body>
</html>
Valora esta pregunta
0
y feliz año nuevo si no puedo meterme antes de nuevo.