2008-10-02

例えば、社員の一覧としてこんなページを作るとき

顔写真と名前・生年月日・所属・趣味・特技ををまとめたページを作るとき、どんなマークアップをするべきなのかを考えていた。まず社員の一覧であるから、リストマークアップすべきだ。

<ul>
<li>社員1</li>
<li>社員2</li>
<li>社員3</li>
</ul>

普通に考えると、社員の最も基本的な情報は顔と名前だと思う。すると

<ul>
<li>社員1
<ul>
<li>顔写真</li>
<li>名前</li>
</ul>
</li>
<li>社員2・社員3は省略</li>
</ul>

とすべきか。すると、残りの生年月日や所属などはどこにいれるべきか。顔写真と並べるほど重要情報とは考えづらい。だとすると

<ul>
<li>社員1
<ul>
<li>顔写真</li>
<li>名前</li>
<li><span>プロフィール</span>
<ul>
<li>生年月日</li>
<li>所属</li>
<li>趣味</li>
<li>特技</li>
</ul>
</li>
</ul>
</li>
<li>社員2・3は省略</li>
</ul>

とすべきか。(プロフィールはdisplay:none;で消すためにspanでくくった)

どんな風にマークアップするべきなのか、もしよければアドバイスが欲しい。

  • じゃあ普通に &lt;img&gt;顔写真&lt;/img&gt; &lt;h3&gt;名前&lt;/h3&gt; 簡単な紹介 &lt;img&gt;顔写真...

  • 釣りですよね。 なぜテーブルにしないのかな。

    • http://anond.hatelabo.jp/20081002195607 http://anond.hatelabo.jp/20081002201108 釣りですよね。 なぜテーブルにしないのかな。 私の考えでは、あまりtableは適していないと思う。 Wikipedia 表(データベ...

      • 分からん。 俺はtableが一番見やすくて分かりやすくて適切なマークアップだと思う。

        • なんで適切なの?

          • 言い方が悪かったな。 分かりやすく見やすいから、だ。 strictかどうかにはそれほどこだわっていない。

            • 分かりやすく見やすいから、だ。 tableで組むのがわかりやすいっていうのは作成側の都合だよね?作成側の都合に合わせるのが適切とは思えないなぁ、少なくとも一般人の私には。 CSS...

              • もしも、の話で恐縮だけど。 tableで組んだときと同じように表示 するつもりだったのなら、talbeにするのがもっとも適切なんじゃないの? CSSの小手先で表でないものを「表のような表...

                • tableで組んだときと同じように表示 するつもりだったのなら、talbeにするのがもっとも適切なんじゃないの? CSSの小手先で表でないものを「表のような表示」にする意味が分からな...

      • TABLEってのは視覚的に把握しやすくなるだけじゃなく、「ここには名前の情報が入る」「ここには生年月日の情報が入る」って定義できる だからさぁ、「視覚的に把握しやすくする」...

  • どれでもいい。さっさと作ろう。何万人もいるならまた別だろうけど。

  • 定義済みリストを使うのもいいかも。 &lt;dl&gt;&lt;dt&gt;名前&lt;/dt&gt;&lt;dd&gt;写真&lt;ul&gt;&lt;li&gt;生年月日&lt;/li&gt;&lt;li&gt;所属など&lt;/li&gt;&lt;/ul&gt;&lt;/dd&gt;&lt;/dl&gt;

  • どう表現したいか、によるんじゃないかな。 重要なのはあくまでリストだってことであれば、ULでマークアップするのはアリ。各LIの中に情報書き込めばいいんじゃないかな。 ただ、TABLE...

  • &lt;tr&gt;&lt;th&gt;名前&lt;/th&gt;&lt;th&gt;生年月日&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td &gt;近藤淳也&lt;/td &gt;&lt;td &gt;1975年11月2日&lt;/td &gt;&lt;/tr&gt; このマークアップであれば、近藤淳也は「名前」であり...

記事への反応(ブックマークコメント)

ログイン ユーザー登録
ようこそ ゲスト さん