Movatterモバイル変換


[0]ホーム

URL:


はてラボはてな匿名ダイアリー
ようこそ ゲスト さんログインユーザー登録
< ??????????ĊĀıĊijĀĨ ????... |http://anond.hatelabo.jp/20081... >

2008-10-10

http://anond.hatelabo.jp/20081010220640

どう表現したいか、によるんじゃないかな。

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

ただ、TABLE要素が不適だとも思わないけどね。

たとえば、名前の列と生年月日の列があれば、社員同士を比べてどっちが年上かなどを把握しやす論理構造になる。TABLEってのは視覚的に把握しやすくなるだけじゃなく、「ここには名前情報が入る」「ここには生年月日情報が入る」って定義できるわけで、その点ではhttp://anond.hatelabo.jp/20081002194359で書いてあるULプロフィールマークアップするよりも意味のある論理構造になるんじゃないかな。

もちろん、LI要素にclass属性つけて「何の情報か」を付け加えてもいいけれど、単にLI要素の中にテキストで「○年○月○日」と書き込んであっても、それが「生年月日」であるか「入社日」であるかはわからないわけだ。

だから、俺は社員「リスト」だけれどもTABLEでマークアップしてもいいと思う。

Permalink |記事への反応(1) | 22:45

このエントリーをはてなブックマークに追加ツイートシェア

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

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

      • 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; このマークアップであれば、近藤淳也は「名前」であり...

    • じゃあ普通に &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の小手先で表でないものを「表のような表示」にする意味が分からな...

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

    • 定義済みリストを使うのもいいかも。 &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;

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

全てのコメントを見る

人気エントリ

注目エントリ

ログインユーザー登録
ようこそ ゲスト さん
Copyright (C) 2001-2025 hatena. All Rights Reserved.

[8]ページ先頭

©2009-2025 Movatter.jp