28

投稿と関連データを列ごとのグリッドに表示する必要があり、s を 1 行にtable並べて表示する必要があります。s を使用するのは時間がかかります。divfloat

HTML5 のテーブルに関する推奨事項と禁止事項についてのレビューをお待ちしております。

4

2 に答える 2

45

単純なルール -表形式のデータにはテーブルを使用し、プレゼンテーション (CSS を使用したレイアウトの設計) には 、 、divなどsectionの他の要素を使用します。すべてに使用するのではなく、保持するコンテンツに意味を提供しますasidenavtable

実際、開発者は 90 年代にレイアウトの下書きにテーブルを使用していましたが、現在、新しい CSS3 仕様は驚くべきものであり、Flex Boxのようなレイアウトの設計に非常に大きな力を与えてくれます。デザインは、要素では達成できないクエリなどを使用してどんどん良くなっています...したがって、表形式のデータを保存するためにのみ使用されます。column-countbox-sizing@mediagridtabletable

私は多くの開発者が、完全に無視さtableれるべきであるという印象を持っているのを見てきました。代わりに、100 行の CSS を大量に使用し、プロパティを適用して 1 つのテーブルをまっすぐにします。divdisplay: table; table-cell table-row

したがって、HTML5 でも、表形式のデータにテーブルを使用する場合は完全に問題ありません


W3 組織から: (v4.01)

非ビジュアル メディアにレンダリングするときに問題が発生する可能性があるため、ドキュメント コンテンツをレイアウトするためだけにテーブルを使用しないでください。さらに、これらのテーブルをグラフィックスと一緒に使用すると、より大きなディスプレイを備えたシステム用に設計されたテーブルを表示するために、ユーザーは水平方向にスクロールしなければならなくなる場合があります。これらの問題を最小限に抑えるには、作成者は表ではなくスタイル シートを使用してレイアウトを制御する必要があります。


から (HTML5)

テーブルをレイアウト補助として使用しないでください。歴史的に、多くの Web 作成者はページ レイアウトを制御する方法として HTML で表を作成しているため、そのようなドキュメントから表形式のデータを抽出することは困難でした。特に、スクリーン リーダーなどのアクセシビリティ ツールのユーザーは、レイアウトに表が使用されているページをナビゲートするのが非常に難しいと感じる可能性があります。role="presentation"表をレイアウトに使用する場合、ユーザー エージェントが支援技術に対して表を適切に表現し、ドキュメントから表形式のデータを抽出するツールに作成者の意図を適切に伝えるために、属性でマークする必要があります。

レイアウトに HTML テーブルを使用する代わりに、主に CSS ポジショニングと CSS テーブル モデルを使用するさまざまな方法があります。[CSS]

于 2013-07-06T13:34:01.297 に答える
6

仕様によれば、 は<table>複数の次元を持つデータを表し、「レイアウト補助として使用してはなりません」。

複数のディメンションを持つ表形式のデータを表示する必要がある場合は、必ずテーブルを使用する必要があります。列だけが必要な場合は、必要ありません。グリッドを構築するために必要なスタイルを単純化できるブートストラップのような CSS フレームワークは数多くあります。

于 2013-07-06T13:35:35.340 に答える