What is the most semantic way of marking up a looping blocks?

[cosmicx]

Hello Gurus,


I am new to HTML/CSS, while learning I am already practicing and applying what I’ve been reading.

And for now, I am developing a theme for a classifieds ads website.

Now my question is, which is the better way of marking up a looping blocks?

The looping blocks that I am referring to, is the block that contains the listing. The listing block holds the image for the listing, title, description and the name of the poster.

I am deciding right now whether to used <div> blocks or using <ul> blocks.

I thought of the <div> block like this:

<div><!—block 1-->
	<some more divs>
</div>

<div><!—block 2-->
	<some more divs>
</div>

While I thought of the <ul> block like this:

<ul>
     <li> 
          <div><!—block 1-->
               <some more divs>
          </div>
     </li>

     <li> 
          <div><!—block 2-->
               <some more divs>
          </div>
     </li>
</ul>

So, what do you guys think?

 

[chrishirst]

definition list