テーブルを使用する場合と CSS を使用する場合 (経験の共有)

TW のメインテキストページは、以前は小さなモニターと低解像度のユーザーを考慮して幅が 850 ピクセルでした。現在、高解像度のユーザーが増えているため、ホームページとの一貫性を保つために、幅を 950 ピクセルに変更する必要があります。 2年前にページを作ったときにCSSレイアウトが使われていたため、本文ページが何十万ページもあったにもかかわらず、1つのCSSファイルといくつかの関連画像を変更するだけですべてが変わってしまいました。テーブルレイアウトが使用されていた場合、結果は悲惨なものになっていたでしょう...

数年前、インターネット上で CSS レイアウトとテーブルレイアウトに関する議論がありました。一部の人々はこれに反対し、CSS は面倒で、時間がかかり、手間がかかるだけだと考えていました。一部の人々は、IE6 の長引く動作に苦しめられ、最終的に CSS レイアウトをあきらめました。もちろん、これは CSS がテーブルより絶対に優れているという意味ではありません。テーブルと div にはそれぞれ独自の特徴があります。これは、開発者とデザイナーの価値観が異なることも意味しており、これは開発者とデザイナーにとって非常に重要です。レイアウトが合理的であるか、十分にスケーラブルであるか、効率的であるかを判断するには、レイアウトにテーブルと CSS を合理的に使用する必要があります。
私の経験に基づいて、テーブルをいつ使用し、CSS をいつ使用するかをお伝えします。

1. 以下の状況では、CSSレイアウトを可能な限り使用する必要があります。

1. 閲覧数の多いページ: ホームページなど。 CSSはコードが少なく、構造がコンパクトで読み込みが速く、ページへのアクセス速度を大幅に向上させることができます。ホームページなどの重要なページでは、レイアウトにCSSを使用する必要があります。
2. リストページなど、リストをループで表示する必要があるページ。これは CEO にとって大きなメリットであり、プログラマーがプログラムをネストするのに非常に役立ちます。
3. 同じテンプレートをメインテキストページなどのページに適用します。上記の例からそれがわかります。
4.…

2. テーブルが必要な場所

1. 一度しか使用されない複雑な広告やプロモーションページの場合、互換性の点で、div よりも table の方が有利です。事後メンテナンスを必要としないページの場合は、まずテーブルレイアウトを使用します。
2. 特別なページの場合、情報を随時拡張する必要があり、レイアウトを頻繁に変更する必要がある場合、CSS を使用すると非常にイライラすることになります。
3. 他のページ内のフォームなどの各種コントロールパーツ。
4.…

実際、実際の開発者にとっては、その利点をうまく活用することが最も重要な概念です。開発や設計作業を行う際に、自分の技術的能力を盲目的に優先したり、発揮したりするのではなく。 div では、その柔軟かつ明確なアーキテクチャ特性を十分に発揮し、テーブルの厳密さと連携してさまざまな複雑な要件を達成できます。

<<: K8Sの高度な機能を理解するための記事

>>: Vue要素と多言語切り替えの詳細な説明