HTML、定義リスト、またはdiv付きの順序付けされたlsitによるセマンティックマークアップ？

Question

私は横のアコーディオンを使用するウェブサイトを作成しています。 私が欲しいことをする2つのjqueryプラグインが見つかりました。

1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
2. http://nicolahibbert.com/demo/liteAccordion/

彼らの両方が、私は必要なすべてを行うように見えます。しかし、第2のものは順序付きリストを使用し、第1のものは定義リストを使用する。どちらが意味的に正しいのでしょうか？これは扱いにくい問題ですか、それとも私がアコーデオンをどう使っているかにかかっていますか？

アコーディオンの各スライドにはタイトルが付いており、スライドのコンテンツはタイトルの上に表示されます。タイトルは正確に定義されていませんが、それは非常に関連しています。

これを考えると、どのバージョンが良いと思いますか？

おかげ

Answer 1

私はあなたのコンテンツに後で使用される用語を定義していないとして、順序付けられたリストは、より多くのセマンティックな意味を持っているでしょうと言うでしょう。

Answer 2

最終的には、これらのプラグインのいずれかを使用しているコンテンツによって異なります。意味的に言えば、アコーデオンに関連性のないコンテンツがある場合、定義リストを使用すると、用語（アコーディオン要素のクリック可能なタイトル）を意味的に次のコンテンツとして定義します。

しかし、すべてのコンテンツが関連している場合、技術的に順序付けられていないリストを意味的に使用すると、すべてのコンテンツが1つのリストとして収集されることがより明確になります。