title: Is it semantically correct to put images inside of a HTML list for a slideshow?
body: <p>I see HTML list used for all sorts of things all over the web and it really has me confused on how to use them semantically. It's pretty obvious that list were created to list text or link but what about images for a slideshow, something about this feels wrong?</p>
  
  <pre><code>&lt;ul class="slideshow"&gt;
    &lt;li&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 1"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 2"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 3"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is it more semantically correct to use divs like this?</p>
  
  <pre><code>&lt;div class="slideshow"&gt;
    &lt;div&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 1"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 2"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;img src="http://placehold.it/480x270" alt="Slide 3"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I also have seen forms built using list, and I'm not really sure about that ether. I looked at the W3C docs and it looks like it will validate but is it semantically correct?</p>