0

さて、書式設定にテーブルを使用するべきではないことは誰もが知っています。div と CSS を使用することになっています。テーブルは表形式のデータ用です。しかし、表形式のデータとは何ですか?

模型地形を作る人のためのフォーラムを運営しています。

ホームページには、ヘッダー、フッター、左側のメニュー、およびコンテンツ用のスペースがあります。これらはすべて div と CSS によって定義されています...本来あるべき姿です。:-)

ただし、ホームページのコンテンツはフォーラムのリスト、つまりタイトル、トピック数、最終投稿日です。表形式のデータはどう思いますか?

フォーラムをクリックすると、トピックのリスト、つまりトピックのタイトル、投稿数、最終投稿日などのコンテンツを含むページが表示されます。さらに表形式のデータはありますか?

トピックをクリックすると、コンテンツが効果的に 2 つの列に分割されたページが表示されます。最初の列には投稿者名、アバター、投稿者のランクなどが含まれ、2 番目の列には投稿自体が含まれます。投稿を引​​用したり、投稿を虐待として報告したりするためのボタンを含む「行」もあります。

一見すると、ほとんどの人は最初の 2 つを表形式のデータと定義すると思います。3つ目は… うーん… 意見が分かれるかも?

私のフォーラム ソフトウェアは、phpBB を大幅に変更したものです。実際、コードが phpBB としてほとんど認識できないほど変更されています。私がこれについて言及するのは、私が知る限り、phpBB や、私が見たほとんどすべての掲示板ソフトウェアが、このようなものにテーブルを使用しているためです。したがって、私のサイトで説明した 3 つのページ タイプすべてにテーブルを使用しているという事実は、私が下した決定ではなく、元の phpBB コードから継承されたものです。

また、ほとんどの電子商取引ソフトウェア (私が他のサイトで使用している私のものも含む) は、テーブルを使用してカタログ ページの製品リストを「フォーマット」することも観察しています。私は「ビッグボーイズ」がこのようなことで何をしているかに注目したいと思っており、eBay は「まだ」テーブルを使用しているのに対し、Amazon は製品リストに div を使用しているように見えることを観察しました。

ベスト プラクティスと見なされているものに関する情報を得るために Web をよく調べました。テーブルは表形式のデータにのみ使用し、書式設定には使用しないというコンセンサスがありますが、「表形式のデータとは何か」の定義をまだ見ていません。具体的には、どの時点で表形式のデータが div でフォーマットする必要があるコンテンツになるかを示します。

同様に、ログイン画面などの入力フォームは CSS でフォ​​ーマットする必要があるというコンセンサスもあるようです (ただし、テーブルを使用する方が簡単なサイトです)。2 つのタイトル (ユーザー名とパスワード用) といくつかの入力フィールドを持つフォームが表形式のデータではないのは奇妙に思えます。しかし、その情報を取得して表示する画面を設計するとしたら、それは表形式のデータになるのではないでしょうか。そうでない場合、表形式のデータとは一体何なのでしょうか? ;-)

最後の 2、3 文にも関わらず、これは深刻な質問です。表形式のデータとそうでないものに関して、他のプログラマーがどこで線を引いているか知りたいです。

4

1 に答える 1

2

次の情報は役に立つはずです:表形式データの W3C 定義

テーブルをどのように使用するかは、最終的にはあなた次第です。ただし、 w3c標準に準拠したい場合は、表を使用してユーザーがデータを理解できるようにする必要があります。

アクセシビリティの観点から考えてみてください。スクリーン リーダーを使用している人があなたのテーブルに遭遇した場合、テーブルはデータを理解するのに役立ちますか、それともさらに混乱させますか?

summary 属性または th または thead/tfoot 要素のない表は、ユーザーを混乱させる可能性があります。

あらゆる種類のスクリプトを含むテーブルは、ユーザーを混乱させる可能性があります。

理解するために視覚的にフォーマットする必要があるコンテンツを含む td 要素は、ユーザーを混乱させる可能性があります。

データのセットが表形式のデータかどうかわからない場合は、おそらく表形式のデータではありません。よりアクセスしやすく、より標準に準拠したコンテンツをフォーマットする方法は他にもあります。

于 2013-07-29T14:37:28.040 に答える