THE HAM MEDIA BLOG

XHTMLでマークアップしているときに、
けっこう迷ってしまうことがあるんだけど、

タイトル
項目名１　項目内容１
項目名２　項目内容２
項目名３　項目内容３

これをマークアップするときは、
どんな風にマークアップするのが最善だろうか？

マークアップしてみる

たぶん一番シンプルにできるのがこれ

<dl>
<dt>項目名１</dt><dd>項目内容１</dd>
<dt>項目名２</dt><dd>項目内容２</dd>
<dt>項目名３</dt><dd>項目内容３</dd>
</dl>

これが一番シンプルなマークアップではないか？

でも、項目名と項目内容を一つのまとまりだと考えると、
リストになるんじゃないかなとか思う。
つまりこれ

<ul>
<li><dl><dt>項目名１</dt><dd>項目内容１</dd></dl></li>
<li><dl><dt>項目名２</dt><dd>項目内容２</dd></dl></li>
<li><dl><dt>項目名３</dt><dd>項目内容３</dd></dl></li>
</ul>

リストの中にdlでまとめた項目名と内容がくるのではないか？

どちらがいいのか？

たぶん、構造ってことから考えたら、
後者の方が適切だと思うんだけど、
いかにシンプルに作るかで考えたら、
前者になるんだと思う。

後者の方は、いわば入れ子状態になっているし、
作業工程が一つ増えるわけだから、
実際にはこんなふうにはしないんだろうと思う。

でも、しっかりしたマークアップで考えるのであれば、
後者の方がいちばんしっくりくるように思える。

ちなみに僕は後者ばかり使っていた。
でも、ふとしたときに疑問に思ったので、
こんな記事を書いてみた。

他の人はどんな風にマークアップしているのだろう？
そして最善なのはどちらだ！？