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

テーブルを使用する場合と 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要素と多言語切り替えの詳細な説明

推薦する

Day.js をベースにした JavaScript での日付処理のよりエレガントな方法

目次day.js を使用する理由モーメントデイ.js day.js がなければどうなるでしょうか? ...

IE8 互換性について: X-UA-compatible 属性の説明

問題の説明:コードをコピーコードは次のとおりです。 <meta http-equiv=&quo...

Dockerイメージをインポートおよびエクスポートする方法

この記事では、移行、バックアップ、アップグレードなどのシナリオで使用される Docker イメージの...

elementui の el-popover スタイルの変更が有効にならない問題の解決策

element-uiを使用する場合、el-popoverというよく使われるコンポーネントがありますが...

Zabbixについて管理者ログインパスワードを忘れた場合、パスワードをリセットする

Zabbix 管理者ログイン パスワードのリセットに関する問題は次のとおりです。 1. 問題の説明:...

Linux の Centos7 に Mysql5.7.19 をインストールする詳細なチュートリアル

1. MySQLをダウンロードするURL: https://dev.mysql.com/downlo...

MySQL 5.1 のパスワードを変更し、MySQL データベースにリモートでログインする方法

mysql ユーザーを作成し、承認します。形式: 「ユーザー パスワード」で識別されるユーザー@ログ...

MySQL 数千万のビッグデータに対するSQLクエリ最適化の知識ポイントのまとめ

1. クエリを最適化するには、テーブル全体のスキャンを避けてください。まず、where と orde...

MYSQL ログとバックアップおよび復元の問題の詳細な説明

この記事では、参考までにMYSQLログとバックアップとリストアについて紹介します。具体的な内容は以下...

JavaScript における Arguments オブジェクトの使用に関する詳細な説明

目次序文議論の基本概念議論の役割実パラメータと仮パラメータの数を取得する実際のパラメータ値を変更する...

mysql インストーラ コミュニティ 8.0.16.0 のインストールと構成のグラフィック チュートリアル

mysqlインストーラコミュニティ8.0.16.0インストールグラフィックチュートリアル、参考までに...

Ubuntu 18.04 に opencv 3.2.0 をインストールするためのソリューション

opencv.zip をダウンロード依存関係を事前にインストールします。まずダウンロードソースを更新...

MySQL サービスを完全に削除する方法 (レジストリをクリーンアップする)

序文あるプロジェクトの実行可能ファイルをインストールすると、MySQL 自体をインストールできるよう...

Linux xargsコマンドの使用

1. 機能: xargs は、stdin 内のスペースまたは改行で区切られたデータをスペースで区切ら...