Ver Mensaje Individual
  #12 (permalink)  
Antiguo 24/03/2015, 11:53
Avatar de ZoroRoronoa
ZoroRoronoa
 
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 1 mes
Puntos: 116
Respuesta: Problema con CSS en HTML5

Cita:
Iniciado por pzin Ver Mensaje
¿Alguna fuente que sostenga eso?

Una que no la sostiene, con varias referencias a la especificación: http://html5doctor.com/outlines/

Estás mezclando semántica con estilos cuando son cosas que nada tienen que ver. Si no poco sentido tendría la semántica.

El problema de estilos que eso causa se puede solventar especificando los tamaños de los h1-6. Son sólo estilos por defecto que ponen los navegadores, que además no serán iguales según qué navegador.
No me refiero precisamente a que esten MAL.

Solo quise hacer referencia para que el usuario entendiera porque los cambios del tamaño.
Y respecto a los cambios del tamaño, se ven diferentes si vez el H1 desde UN MISMO NAVEGADOR, pero dentro de diferentes etiquetas.

la w3, no te da ni dara errores en la semantica, pues incrustar h1 es valido hasta en un <p>.

Ahora, Se perfectamente que se pueden cambiar los estilos predefinidos de cualquier elemento.

Aqui el problema del usuario o mejor dicho "DUDA", era porque cambiaba el tamaño.

Ahi esta la respuesta, al no ser especificado un valor de tamaño al h1, tomara por defectos los que hereda del padre, en este caso.

un tamaño distinto en header
otro distinto en section
otro distinto en article.

y TODOS VIENDOSE DESDE EL MISMO NAVEGADOR.

Por ultimo, como mencione, la w3 no te dara errores en la semantica, porque no existe ningun error, pero si quieres tratar de manera justa los estilos predefinidos de cada elemento y evitar estar Re-ESPECCIFICANDO estilos a los elementos porque sus padres les heredaron OTROS, pues que perdida de tiempo no crees.


TE LA PONDRE MAS FACIL


header esta hecha para h1 -> notaras que su tamaño no cambia al meter h1 dentro de header

section esta hecha para h2 -> notaras que su tamaño no cambia al meter h2 dentro de section
SI METES h1 dentro de section, tendre el mismo tamaño por default que un "h2"

article esta hecha para un h2
Si metes un h1 entro de article, veras que tomara el tamaño por default de un "h2"

si metes un ARTICLE DENTRO DE UN SECTION, Y EN EL ARTICLE UN H1, tomara el valor por default de un "h3".


PD: Y no estamos hablando de "compatibilidad de navegadores", todo esto viendolo desde la ultima version de firefox.

Un saludo mi estimado
__________________
Programador jQuery & PHP

Última edición por ZoroRoronoa; 24/03/2015 a las 12:06