Duda con article y section

[ioscar]

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>

[Carlangueitor]

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

[ioscar]

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

[Carlangueitor]

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

[ioscar]

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> 

[Carlangueitor]

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:

<section id="csection">
    <article>
      <h3>Nuevo Post</h3>
      <p>Contendio del Post</p> 
    </article>
    <article>
      <h3>Nuevo Post</h3>
      <p>Contendio del Post</p> 
    </article>
    <article>
      <h3>Nuevo Post</h3>
      <p>Contendio del Post</p> 
    </article>
</section>
 

No necesitas agregar tantos identificadores:

Código CSS:

#csection article { /* Estilos article */ }
#csection article h3{ /* Estilos Título */ }
 

[ioscar]

Muchas Gracias por tus Respuestas