HTML4とHTML5でのdl,dt,ddの使い分け #HTML

先日知ったこと。

HTML4とHTML5では、dl,dt,ddの使い方が違う。

html4.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
</head>
<body>
<h1>更新情報</h1>
  <dl>
    <dt>2012-09-07</dt>
    <dd>投稿したよ！</dd>
  </dl>
</body>
</html>

上記はあまりオススメされていない。
HTML4では、dlタグは「definition list(定義リスト)」という定義で、いわゆる教科書等に載っている用語解説を行う際に使用するのが一般的。

しかし、HTML5では、dlタグは「description list(説明リスト)」という定義になっている。少しゆるくなったのかもしれない。
しっかりとは判断が出来ないのだが、説明リストということなので、先程書いた上記のコードはどうなのか気になる所。構造化という目線から見ればリーダブルであると思うけどね。

2012/09/07 20:20 追記
因みに、説明リスト内で用語を定義したい時はdfnタグで用語を囲むことが良いらしいね。