テーブルレイアウトの長所と短所、そして推奨されない理由

テーブルの欠点

1. テーブルは他の HTML タグよりも多くのバイトを占有します。 (ダウンロード時間が遅くなり、サーバーのトラフィックリソースがさらに消費されます。)

2. Tablelle はブラウザのレンダリングエンジンのレンダリング順序をブロックします。 (ページの生成が遅れ、ユーザーの待ち時間が長くなります。)

3. 表に画像を表示する場合は、1 つの論理画像を複数の画像に分割する必要があります。 (設計の複雑さが増し、ページの読み込み時間が長くなり、HTTP セッションの数が増加します。)

4. 一部のブラウザでは、表内のテキストをコピーする際に問題が発生する場合があります。（これはユーザーを困惑させます。）

5. テーブルは、内部レイアウト属性の一部 (<td> 内の要素の高さ 100% など) の有効性に影響します (これにより、ページデザインの自由度が制限されます)。

6. CSS を学習すると、ページレイアウトにテーブルを使用するのがより面倒になることがわかります。 (最初に CSS を少し学習すると、後で多くの時間を節約できます。)

7. テーブルはページレイアウトに対して意味的に正しくありません。 (これはコンテンツではなくプレゼンテーションについて説明します。)

8. テーブルコードは読者を困惑させます。（CSSが使えないだけでなく混乱してしまいます）

9. テーブルは一度デザインされると、そのデザインが死んでしまい、CSS で新しい外観を与えることが難しくなります。

テーブルの利点

状況によっては、Table を使用するのが 100% 適切かつ正しい場合があります。たとえば、表を作成するために table を使用することはまったく正しいです。

テーブルを使用するかどうか決められない場合は、上記の点を参考にすれば答えが見つかると思います。

<<: momentJs を使用してカウントダウンコンポーネントを作成する (サンプルコード)

>>: Linux での Jenkins の詳細なインストール手順