Foros del Web » Creando para Internet » HTML »

Semántica de html5:¿div contenedor o section contenedor?

Estas en el tema de Semántica de html5:¿div contenedor o section contenedor? en el foro de HTML en Foros del Web. De normal cuando maqueto una web en xhtml tengo un div contenedor y dentro de el x divs sub contenedores y dentro de estos los ...
  #1 (permalink)  
Antiguo 30/10/2012, 12:36
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 2 meses
Puntos: 1
Semántica de html5:¿div contenedor o section contenedor?

De normal cuando maqueto una web en xhtml tengo un div contenedor y dentro de el x divs sub contenedores y dentro de estos los divs con los contenidos como regla general...

Pero al pasar a html5 , y usar sections en vez de divs normales tengo duda de si debo crear o no, un gran div contenedor como hacia antes o debo sustituirlo por un section con id contenedor por ejemplo que a su vez contenga otros sections con su ids subcontenedor en logar de los divs subcontenedor que hacia antes y dentro de ellos ya los section articles etc...

Gracias!
  #2 (permalink)  
Antiguo 30/10/2012, 14:03
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años
Puntos: 2114
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

Hay un foro sobre HTML5. Sabiendo tu mismo que el tema no es relativo a CSS —por el título— sorprende que lo publiques en CSS.
  #3 (permalink)  
Antiguo 30/10/2012, 14:13
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 10 meses
Puntos: 381
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

Movido a HTML5 ;)
__________________
Javascript Códigos - Bambú difunde
  #4 (permalink)  
Antiguo 30/10/2012, 14:59
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

sorry , hice otro tema referente a css y no em dicuenta al publicar este que estaba en el foro no adecuado. :S
  #5 (permalink)  
Antiguo 30/10/2012, 17:13
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 3 meses
Puntos: 131
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

En la documentacion viene un ejemplo,
meramente dice que si nuestro contenido tiene secciones o se puede poner por secciones, cada seccion es un elemento section

ejemplo

Se trata de la pagina de graduacion de la universidad
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.  
  3. </head>
  4. <h1>Fiesta de graduacion generacion 2008-2012</h1>
  5. <p>
  6. una pequeña descripcion............ a continuacion presentamos la lista de graduados y los horarios
  7. </p>
  8. <section id="lista">
  9. nombre1, nombre2, nombre3,.....nombre(n)
  10. <section id="horarios">
  11. de 10 a 12 ........
  12. de 12 a 3 ...........
  13. </body>
  14. </html>
En este caso nuestro contenido lo podemos organizar como
un titulo
una pequeña introduccion
2 secciones, la seccion de invitados y del horarios

Como son secciones van en un elemento section

espero haberte ayudado

saludos
  #6 (permalink)  
Antiguo 31/10/2012, 02:32
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

Entiendo lo que dices y te agradezco tu respuesta, pero yo suelo meter esos section en un div contenedor, seria correcto hacerlo o necesitria un section contenedor?? o directamente no tiene sentido un div o section contenedor ??

Por cierto no estoy de acuerdo con tu ejemplo segun dive into html5 eso deberia ir en un header con un hgruoup y dentro el h1 y h2:
Código HTML:
Ver original
  1.     <hgroup>
  2.       <h1>Title goes here</h1>
  3.       <h2>Subtitle </h2>
  4.     </hgroup>
  5.  </header>
Gracias!
  #7 (permalink)  
Antiguo 31/10/2012, 12:31
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 3 meses
Puntos: 131
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

usa hgroup por que esta usando 2 elementos h

si usara solo uno, el hgroup no seria necesario

Por otro lado veria si meto los section en divs o articles, dependiendo de la semantica

Slds
  #8 (permalink)  
Antiguo 31/10/2012, 17:49
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años
Puntos: 1567
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

Cita:
Iniciado por ferminako Ver Mensaje
De normal cuando maqueto una web en xhtml tengo un div contenedor y dentro de el x divs sub contenedores y dentro de estos los divs con los contenidos como regla general...

Pero al pasar a html5 , y usar sections en vez de divs normales tengo duda de si debo crear o no, un gran div contenedor como hacia antes o debo sustituirlo por un section con id contenedor por ejemplo que a su vez contenga otros sections con su ids subcontenedor en logar de los divs subcontenedor que hacia antes y dentro de ellos ya los section articles etc...

Gracias!
Podés hacer de una etiqueta semántica un elemento estructural por medio de css, pero si tenes que utilizar un elemento que sea solo estructural y no tenga relevancia semántica, debés seguir utilizando <div>

Por supuesto habría que ver el "producto terminado" para ver si estás haciendo un uso correcto de las etiquetas

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 02/11/2012, 01:05
 
Fecha de Ingreso: abril-2010
Mensajes: 298
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

Dado que son divs meramente estructurales para maquetar la página y carecen de semántica, entiendo que no seria incorrecto usarlos como contenedores y subcontenedores para dar forma a la página y ya dentro de ellos los tags semanticos, que evidentemente tb responderan a su funcion estructural pero responderan a su semántica.

Gracias!
  #10 (permalink)  
Antiguo 03/11/2012, 08:22
Avatar de Hazuki  
Fecha de Ingreso: mayo-2011
Mensajes: 34
Antigüedad: 13 años, 1 mes
Puntos: 7
Respuesta: Semántica de html5:¿div contenedor o section contenedor?

En HTML5 Doctor publicaron un diagrama de flujo que ayuda a elegir la etiqueta adecuada en casos así. La versión online se puede leer en Scribd:

http://www.scribd.com/doc/92533332/H...y-HTML5-Doctor

Etiquetas: contenedor, contenido, divs, section
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:41.