会社のカレンダーを XSL に変換し、すべてのテーブルを div に変更しました。それはかなりうまくいきましたが、不安定なクロスブラウザーのスペーシングの問題のために、最初は解決しなければならない週8日のバグがたくさんありました. しかし、いつテーブルと div を使用するかに関する別の投稿を読んでいましたが、コンセンサスは、Web ページの部分間の真の分割には div のみを使用し、表形式のデータにはテーブルのみを使用する必要があるようです。
XSL でテーブルを使用することさえできたかどうかはわかりませんが、Div とテーブルの議論をフォローアップして、Web カレンダーを作成する理想的な方法と、おそらく 2 つの結合について議論したいと思いました。
カレンダーは、テーブルを使用するのに最適な理由です。カレンダーは本質的に表形式のデータを表示し、HTML テーブルは表形式のデータを表示するのに適しています。また、HTML テーブル マークアップは、CSS セレクターをテーブルのさまざまな部分に関連付けてドレスアップするために必要なほぼすべての CSS フックを提供します。
私はレイアウトに DIV を使用することに賛成ですが、表形式のデータにはテーブルを使用します。
CSS を使用してテーブルをドレスアップする方法に関するクールな記事は次のとおりです 。
カレンダーは表なので、表をその表現に適したマークアップにします。
編集：answers.comの「テーブル」の定義11は次のように述べています。
データの整然とした配置。特に、データが基本的に長方形の列と行に配置されているもの。
これは間違いなくテーブルを使用する場合だと思います。div を使用する際の最大の問題は、個々の日ごとのボックスの高さです。各ボックスに境界線を設定している場合、ある日のコンテンツが別の日のコンテンツよりも長い場合、見栄えが悪くなります。正しく見えるようにするための追加のマークアップは、テーブルで作成するよりも多くのことになるため、この場合、div に余分な労力をかける価値はないと思います。
また、順序付きリスト (日) の順序付きリスト (週)、または単に 1 つの順序付きリスト (日) を検討することもできます。
テーブルを好む人もいます。
テーブルは、表形式のデータを表示するためのものです。だから私<table>は理想的だと思います。
表を使うのは理にかなっていますが、Google カレンダーを見ると、div タグを使用しているように見えます。div タグを使用するとファイル サイズが小さくなる可能性があるため、エンタープライズ環境では「問題」に値する可能性があります。
他の場所で同じ質問をした後、このスレッドに出くわしました。カレンダーがデータを表形式で表現したものであることに完全に同意しますが、多くの「場合による」という回答には真実があると思います。たとえば、カレンダーの各日がマウスオーバーされたときにフローティング DIV ポップアップを表示したいと考えています。表を使用すると、ポップアップはセルの境界線とセル自体の日番号でのみアクティブになるため、カーソルがカレンダー上を移動するとポップアップが点滅します。DIV を使用すると、カーソルがカレンダー セルの上にある間ずっとポップアップが点灯します (ちらつきはありません)。
テーブルにまとめてください。
また、「div 対テーブル」と考えないでください。テーブル対意味のある適切なセマンティック タグと考えてください。ページを作成するときは、div をできるだけ使用しないようにしています。多くの場合、段落やリスト アイテムなどを使用できます。