HTML リストが Web 全体であらゆる種類のものに使用されているのを目にしますが、それらを意味的に使用する方法について本当に混乱しています。リストがテキストまたはリンクをリストするために作成されたことは明らかですが、スライドショー用の画像についてはどうでしょうか。
<ul class="slideshow">
<li><img src="http://placehold.it/480x270" alt="Slide 1"></li>
<li><img src="http://placehold.it/480x270" alt="Slide 2"></li>
<li><img src="http://placehold.it/480x270" alt="Slide 3"></li>
</ul>
このようにdivを使用する方が意味的に正しいですか?
<div class="slideshow">
<div><img src="http://placehold.it/480x270" alt="Slide 1"></div>
<div><img src="http://placehold.it/480x270" alt="Slide 2"></div>
<div><img src="http://placehold.it/480x270" alt="Slide 3"></div>
</div>
リストを使用して作成されたフォームも見たことがありますが、そのエーテルについてはよくわかりません。W3C のドキュメントを見たところ、検証されるように見えますが、意味的に正しいのでしょうか?