2013-12-19 15 views
7

最近私はhereという質問をしました。答えの1つはdisplay:tableとdisplay:table-cell CSSプロパティを使用することを示唆しています。htmlテーブル対CSS表示テーブル

一般に、UIデザイナーはレイアウト用にテーブルを使用しないことを推奨します。レイアウト中にこれらの2つのCSSプロパティを頻繁に使用するとどうなりますか?それはレイアウト用のテーブルを使用するのと同じですか?

+0

あなたは「非常に」と呼ばれるものは何ですか?表形式のデータに「

」を使用すると、縦書きまたは縦書きのようなものを得るためのCSSディスプレイにスペースがなくなります。 – DaniP

+0

可能な複製:http://stackoverflow.com/questions/6629857/displaytable-versus-using-tables or http://stackoverflow.com/questions/6307934/is-there-a-disadvantage-of-using-displaytable- cellon-divs/6307988#6307988 – enyce12

+0

@Danko私はdisplay:tableとdisplay:table-cellを使うことができます。 –

答えて

3

表示テーブルを使用すると、要素がHTMLテーブル要素を使用せずに要素のように動作するようになるため、開発の柔軟性が向上する可能性があります。したがって、テーブルがないとテーブルの利点と開発の柔軟性を得ることができます。テーブルは常に難しくて動作しにくいので、

12

いいえ、HTMLテーブルの内容は表形式のデータであることを示しています。この情報はアクセシビリティAPIに公開されているため、スクリーンリーダーのようなアクセシビリティツールは、ユーザーに次の情報に期待する内容を伝えることができます。セルのヘッダは、ATユーザがデータを追跡しながら自分自身を向けることができるように、複数回読み出すことができることに留意されたい。

CSSテーブルがそのように動作しません。それらは単にレイアウトの指示です。 ATユーザーが取得するデータに関する情報には、CSSレイアウトではなくHTMLの意味が反映されます。

関連する問題