mobile-phones - モバイル Web サイトのテーブルと div

Question

私はこの問題について完全に混乱しています。テーブルを使用すると言う人もいれば、テーブルを使用するのは悪い習慣であり、むしろ div タグを使用する必要があると言う人もいます。モバイル デバイス .mobi 向けのサイトを開発するときの正しい方法は何ですか

Answer 1

レイアウトではなく、表形式のデータを表示するためにテーブルを使用する必要があります。携帯電話の最新の Web ブラウザー (iPhone の Mobile Safari など) のほとんどは、CSS とセマンティック マークアップを適切に使用する Web サイトを適切にレンダリングすることができます。

Answer 2

はい、理論では、テーブルはレイアウトではなく、表形式のデータを表示するために使用する必要があるとされています。しかし、市場に出回っている Web ブラウザーのほとんどは、フローティング div や高度な CSS などを使用した複雑なレイアウトを適切にレンダリングしません。

状況は急速に変化しており、他の人が既に述べたように、携帯電話 (スマートフォン) (iPhone、Android など) の最新の Web ブラウザのほとんどは、優れた HTML/CSS/Javascript サポートを備えています。
これらのデバイスのみを念頭に置いている場合は、セマンティックの観点から正しい選択であるため、DIV/CSS レイアウトを使用できます。ただし、幅広いデバイスをカバーしたい場合は、より多くのデバイスでページが適切にレンダリングされることを保証するため、表を使用してください。

Answer 3

考慮すべき重要な側面は、データと画面上の実際のレイアウトの違いです。

通常、表形式のデータは表を使用して表示する必要があります。たとえば、HTMLテーブルを使用して表示できる表形式のデータの例として、会社の貸借対照表を考えてみます。

ただし、行と列に通常のコンテンツ（表形式ではない）を表示する必要がある場合は、DIVタグとSPANタグを使用し、CSSを少し使用してコンテンツを表形式のように配置およびスタイル設定するなど、他の方法があります。レイアウト。このようなレイアウトの典型的な例は、新聞に掲載されたニュース記事です。レイアウトは行と列になっていますが、ニュースコンテンツ自体は非表形式です。

なぜこれが良い習慣であるかを議論する記事がたくさんあります。

あなたのケースを考えると、CSSベースのスタイルで通常のDIVベースの構造に固執して、目的の効果を与え、表形式のデータにTABLEを使用することをお勧めします。

HTH。