Posicionar estructura div semántica en html5

Buenas tardes:
Como podría situar todos las etiquetas semánticas de html5 como header,section, footer ,nav sin tener que meterlos en un contenedor div para centrar la estructura en el explorador.

1

1 respuesta

1
Respuesta de

Hola sergiomu,

Mira, en realidad lo tenes todo mezclado.

Las etiquetas nuevas de HTML5 son justamente etiquetas, a las cuales las podes manejar tal y como lo haces con los divs. La diferencia es justamente que ellas tienen valor semantico y los divs no.

Te dejo unos links muy buenos para comprender de que se trata e investigar cada vez que lo necesites:

http://css-tricks.com/snippets/html/html5-page-structure/

http://html5doctor.com/ (este es un golazo)

DIgamos, en pocas palabras: la aparicion de estos tags nuevos no significa que el div se fue, o que el div contiene todo eso. Quizas haya casos que si, quizas otros que no. No pienses en el div como el elemento CERO en la maquetacion, sino en uno mas.

Mira, te dejo otro link que explica uso semantico y demas especias:

http://blog.adobexpert.com/gratis-libro-html5-for-web-designers/

Un abrazo y cualquier duda preguntame nuevamente antes de cerrar la pregunta!

Saludos

gracias pero sigo sin comprender como estructurar las distintas etiquetas en su posición adecuada (header,nav, section,etc.) body.

Hola de nuevo,

Te pase un link, el primero de todos donde tenes un ejemplo completo de todas las posiciones mas "convencionales" de las etiquetas:

http://css-tricks.com/snippets/html/html5-page-structure/

Te paso otros mas para que tengas referencias:

http://www.turtleblog.co.uk/2011/04/whats-new-to-html5/

http://www.marcofbb.com.ar/estructura-completa-html5/

A partir de la estructura, despues, desde CSS estilizas todo como siempre lo hiciste. Digamos, si comprendes que las nuevas etiquetas son, al fin, etiquetas y ya, podes darle estilos en linea, por class o ID, o hasta por etiqueta misma.

Basicamente, son como divs y spans, pero cada una tiene un sentido semantico. Podes manupularlas como quieras desde los estilos. Solo que ahora tenes que comprender su uso para aplicarlas cuando corresponda... y cuando, usas los DIVS!

SI no es esta la respuesta, no comprendo tu pregunta!

Creo que es cuestion de que tomes algun ejemplo de los que te pase, y comiences a estilizarlos. Te repito: son como divs con sentido. Por ende, manupulalos como se te de la gana en CSS, pero siempre teniendo en cuenta su "uso correcto" (relativo, como siempre) segun su semantica.

Si aun no he podido ayudarte, repregunta de nuevo y dame mas detalles de la duda porque quizas no nos estamos entendiendo!

Saludos!

Ernesto

Añade un comentario a esta respuesta
Añade tu respuesta
Haz clic para o
Escribe tu mensaje
¿No es la respuesta que estabas buscando? Puedes explorar otras preguntas del tema Desarrollo web o hacer tu propia pregunta: