定義リストタグの正しい使い方

質問

定義リストタグ(dl,dt,dd)の正しい使い方が分かりません。
これらのタグを用いてサイドバーを記述しても正しいのでしょうか？
例えば、
<dl class="sidebar">
　<dt>最近のエントリ</dt>
　　<dd>
　　<ul class="entry">
　　　<li>エントリ1</li>
　　　<li>エントリ2</li>
　　</ul>
　　</dd>
　</dt>
</dl>
この記述は構造的には間違っていないと思うのですが、HTMLの意味的に正しいでしょうか？関係があるのか分かりませんが、バージョンはXHTML 1.0 Strictを考えています。

回答No.4

神崎 渉瑠（@taloo） · ベストアンサー

ブログパーツはほとんどが<script>で、スクリプトの中で<div>を生成していると思うので、

<div>
<script src="ブログパーツ１"></script>
<script src="ブログパーツ２"></script>
</div>

で良いと思いますが、ブログパーツの一覧表という意味を持たせたいならリスト（<ul>）やテーブル（<table>）も考えられます。
どれを使うかは制作者の考え方次第ですね。
数学じゃないので、答えは１つではないです。

最近のエントリ
・エントリ1
・エントリ2
こういうメニューは、人によってはdtとddなんでしょうけど、
私から見ればこれは、「用語（definition term）とその説明（description）」ではなく、タイトルとメニューなので、<h1-6>と<ul><li>の方が適切だと思います。

ANo.3訂正します。
dt: 用語
dd: 解説

お礼

私もこういったメニューを「用語とその説明」として記述することが若干違和感がありました。私の中で見出しとリストというのはすっきりするものがありました。回答ありがとう御座いました。

回答No.3

神崎 渉瑠（@taloo）

基本は辞書などの
dt:見出し
dd:その解説
の関係です。

台本などの話者-セリフの関係にも使えるかも知れませんが、よくわかりません。

メニューなら<ul><li>が用意されているので、そちらを使う方がいいです。

サイドバーとメニューは異なります。
たとえばブログパーツだけ並べたサイドバーは、メニューではありません。

お礼

回答ありがとう御座います。
私が考えいてるサイドバー(1カラムなのでサイドというよりもフッターバー？)はほぼブログパーツを並べただけですから、リストタグは不適切ということでしょうか。

回答No.2

noname#66720

連投ですみません。
HTML的にはこんな感じのほうが良いのでは？

<dl class="sidebar">
　<dt>最近のエントリ</dt>
　<dd>エントリ1</dd>
　<dd>エントリ2</dd>
</dl>

お礼

回答ありがとう御座います。最近このように用いられている定義リストをよく見かけるようになったような気がします。
考えてみると、私が書いた例は入り組んでいて分かりにくいですね。参考にさせていただきます。

回答No.1

noname#66720

定義リストのこのような解釈は意味の拡張によるものです。
今のところかなり曖昧な感じなので、良いとも悪いとも言えません。

ただ、サイドバーは見た目に幅が狭いので内容を軽く見がちなのですが、この場合の記述の関係はメインコンテンツのheadline要素とp要素でマークアップされたものとあまり違いないはずです。
もしもここで定義リストを使うのなら、それ相応の必要性をしっかり自分で認識しておく必要があります。