Tema: Firefox y Chrome memuestran h2 más grande que h1
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/05/2013, 06:48
reethok
 
Fecha de Ingreso: abril-2011
Mensajes: 224
Antigüedad: 13 años, 7 meses
Puntos: 8
Firefox y Chrome memuestran h2 más grande que h1
Por qué Firefox y Chrome muestran <h2></h2> más grande que <h1></h1>?

Según yo, mi código no está mal :S

¿Qué es lo que sucede? xD

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="description" content="Ejemplo de HTML5">
  6.     <meta name="keywords" content="HTML5, CSS3, Javascript">
  7.     <title>Prueba de HTML5</title>
  8.     <link rel="stylesheet" href="miestilo.css">
  9. </head>
  10.  
  11. <body>
  12.     <header>
  13.         <h1>Este es el título principal del sitio web</h1>  
  14.     </header>
  15.     <nav>
  16.         <ul>
  17.             <li>principal</li>
  18.             <li>fotos</li>
  19.             <li>videos</li>
  20.             <li>contactos</li>      
  21.         </ul>   
  22.     </nav>
  23.     <section>
  24.         <article>
  25.             <header>
  26.                 <hgroup>
  27.                     <h1>Título del mensaje 1</h1>
  28.                     <h2>Subtítulo del mensaje 1</h2>
  29.                 </hgroup>
  30.             </header>   
  31.             Este es mi primer mensaje
  32.             <footer>
  33.                 <p>comentarios (0)</p>          
  34.             </footer>
  35.         </article>
  36.         <article>
  37.             <header>
  38.                 <hgroup>
  39.                     <h1>Título del mensaje 2</h1>
  40.                     <h2>Subtítulo del mensaje 2</h2>
  41.                 </hgroup>
  42.             </header>
  43.             Este es mi segundo mensaje      
  44.             <footer>
  45.                 <p>comentarios (0)</p>          
  46.             </footer>
  47.         </article>
  48.     </section>  
  49.     <aside>
  50.         <blockquote>Mensaje número 1</blockquote>   
  51.         <blockquote>Mensaje número 2</blockquote>
  52.     </aside>
  53.     <footer>
  54.         Derechos reservados &copy; 2012-2013    
  55.     </footer>   
  56.     
  57. </body>
  58. </html>