THE HAM MEDIA BLOG

最善のマークアップは?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
HTML
タグ:
XHTML
マークアップ
XHTMLでマークアップしているときに、
けっこう迷ってしまうことがあるんだけど、

タイトル
項目名1 項目内容1
項目名2 項目内容2
項目名3 項目内容3

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



マークアップしてみる


たぶん一番シンプルにできるのがこれ
<dl>
<dt>項目名1</dt><dd>項目内容1</dd>
<dt>項目名2</dt><dd>項目内容2</dd>
<dt>項目名3</dt><dd>項目内容3</dd>
</dl>

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

でも、項目名と項目内容を一つのまとまりだと考えると、
リストになるんじゃないかなとか思う。
つまりこれ
<ul>
<li><dl><dt>項目名1</dt><dd>項目内容1</dd></dl></li>
<li><dl><dt>項目名2</dt><dd>項目内容2</dd></dl></li>
<li><dl><dt>項目名3</dt><dd>項目内容3</dd></dl></li>
</ul>

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

どちらがいいのか?


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

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

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

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

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


この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。