スポンサーサイト項目が1つしかないリスト

記事情報

投稿日時
2007-12-23T23:10:46+09:00
カテゴリー
WebDesign
タグ

記事本文

<ul><li>って、いわゆる箇条書きみたいな感じに項目を並べるときに使う要素だと理解しているんですが、箇条書きっていうと、普通は項目が複数あることを想定しますよね。それで、じゃあ1つしか項目がなかったらリストにしちゃいけないのか、とふと疑問に思いました。

直感では、別に1つでも問題ないような気がします。が、まだ(X)HTMLのなんたるかを良くわかっていないので、全然自信がないです。項目が1つのリストもマークアップとして間違っていないはず。たぶん……そう思いたい。たとえばブログの記事について考えると、投稿日時とかカテゴリーとかコメント数とか、そういう情報はリストに適しているはずです。でもこれが投稿日時だけだったら(FC2ブログは記事が必ずどれかのカテゴリーに属するので、そういうことはあまりないと思いますが、他のブログサービスならありえそうです。カテゴリーなし、コメントもトラックバックもなし、みたいな)……どの要素でマークアップするのがいいんでしょうか。やっぱりこの場合でも<ul><li>が適してるような気がします。なんとなく。だって、他にもっといいのが思い浮かばない。<p>でもまぁ良さげだけど、やっぱり段落よりはリストの方がいい気がします。ってこれはもしかしてものすごく当たり前のことなのかな。

そんなことを考えていたところ、巡回先の綺麗なデザインのサイトでこんな記述を見つけました。

次にdiv要素のclass名"date"の部分。日付を段落で表示するのもどうかと思うので、これはOKだと思う。

むぅ、divとな……divって、こういうときに使うものなのかな? なんとなく、div直下にそのままテキストを置くのは避けていたのだけど。そして私ならここで<ul><li>を使いたくなります。divを使うなら、まだ段落のほうがいい気が……いや、でも自信はないです。必要以上にdivを嫌ってしまってるかも。

というか、人様のサイトに意見する前に自分のブログの絶望的に汚いCSSを早く何とかしないと……勉強することがたくさんあって、テンプレの共有登録申請はまだまだ先になりそうです。

余談ですが、この記事で初めて<blockquote>を使ってみたところ、何故かIEでの表示がずれてしまっていました。調べたら、paddingとborderの指定が原因で起こったバグであると判明(とりあえず、blockquoteのスタイルを変更しました)。こんなの全然知らなかったです。IE怖ぇ……

コメント

コメントフォーム (C) 項目が1つしかないリスト" />
管理者にだけ表示を許可する

(P)

トラックバック

トラックバックURL
http://kofumo.blog28.fc2.com/tb.php/7-ee1660d3

奥付