Foros del Web » Creando para Internet » HTML »

Duda con article y section

Estas en el tema de Duda con article y section en el foro de HTML en Foros del Web. Estoy desarrollando un sitio en el cual la pagina va a tener muchos post , pero no se cual es la mejor forma de poder ...
  #1 (permalink)  
Antiguo 02/01/2012, 10:56
 
Fecha de Ingreso: diciembre-2011
Ubicación: Cancun
Mensajes: 47
Antigüedad: 12 años, 6 meses
Puntos: 1
Pregunta Duda con article y section

Estoy desarrollando un sitio en el cual la pagina va a tener muchos post , pero no se cual es la mejor forma de poder colocarlos , si cada uno como un article o cada uno como section y todos dentro de un article. aqui pongo lo que estoy haciendo.

Forma Uno

Código:
<section id="csection">
	<article id="nuevo">
	  <h3 class="nuevo-titulo">Nuevo Post</article>
	 <p>Contendio del Post</p>	
	</article>
        <article id="nuevo">
	  <h3 class="nuevo-titulo">Nuevo Post</article>
	 <p>Contendio del Post</p>	
	</article>
        <article id="nuevo">
	  <h3 class="nuevo-titulo">Nuevo Post</article>
	 <p>Contendio del Post</p>	
	</article>
</section>


Forma Dos

<article id="nuevo">
        <section id="csection">
	  <h3 class="nuevo-titulo">Nuevo Post</article>
	  <p>Contendio del Post</p>	
        </section>
         <section id="csection">
	  <h3 class="nuevo-titulo">Nuevo Post</article>
	  <p>Contendio del Post</p>	
        </section>
</article>
  #2 (permalink)  
Antiguo 02/01/2012, 10:59
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 3 meses
Puntos: 1329
Respuesta: Duda con article y section

Un post de un blog siempre (o por lo menos en la mayoría de los casos) es un article, no una section, así que la segunda forma no es correcta.

Y revisa un poco tu código un id nunca se debe repetir.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 02/01/2012, 11:26
 
Fecha de Ingreso: diciembre-2011
Ubicación: Cancun
Mensajes: 47
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: Duda con article y section

Entonces el id del article esta mal que lo repita? lo que pasa que lo estoy utilizando para poder darle forma con CSS , o me recomiendas que coloque un div y dentro de el un article? ah y gracias por responder
  #4 (permalink)  
Antiguo 02/01/2012, 11:28
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 3 meses
Puntos: 1329
Respuesta: Duda con article y section

Un id es un identificador único así que no debe repetirse, no importa que sea un dvi, article section o lo que sea, lo que tu necesitas es un class: http://www.cssblog.es/css-el-atributo-class/

Recomiendo que revises un manual básico antes de ponerte a desarrollar.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 02/01/2012, 11:34
 
Fecha de Ingreso: diciembre-2011
Ubicación: Cancun
Mensajes: 47
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: Duda con article y section

Y me recomiendas que el titulo de cada article lo coloque dentro de un <hgroup>

Código HTML:
<section id="csection">
	<article class="nuevo">
	  <hgroup><h3 class="nuevo-titulo">Nuevo Post</h3></hgroup>
	  <p>Contendio del Post</p>	
	</article>
        <article class="nuevo">
         <hgroup><h3 class="nuevo-titulo">Nuevo Post</h3></hgroup>
	 <p>Contendio del Post</p>	
	</article>
        <article class="nuevo">
         <hgroup><h3 class="nuevo-titulo">Nuevo Post</h3></hgroup>
	 <p>Contendio del Post</p>	
	</article>
</section> 
  #6 (permalink)  
Antiguo 02/01/2012, 11:41
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 3 meses
Puntos: 1329
Respuesta: Duda con article y section

No, hgroup, es eso, un grupo de headings, no uno solo. Ahora te recomiendo algo todavía mejor en cuanto a código:

Código HTML:
Ver original
  1. <section id="csection">
  2.     <article>
  3.       <h3>Nuevo Post</h3>
  4.       <p>Contendio del Post</p>
  5.     </article>
  6.     <article>
  7.       <h3>Nuevo Post</h3>
  8.       <p>Contendio del Post</p>
  9.     </article>
  10.     <article>
  11.       <h3>Nuevo Post</h3>
  12.       <p>Contendio del Post</p>
  13.     </article>
No necesitas agregar tantos identificadores:
Código CSS:
Ver original
  1. #csection article { /* Estilos article */ }
  2. #csection article h3{ /* Estilos Título */ }
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 02/01/2012, 12:12
 
Fecha de Ingreso: diciembre-2011
Ubicación: Cancun
Mensajes: 47
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: Duda con article y section

Muchas Gracias por tus Respuestas

Etiquetas: article, 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 15:33.