1. はじめに: テーブルレイアウトを使用するのはなぜ賢明ではないのでしょうか?

HTML にテーブルが存在する理由は、テーブルのようなデータを表示するという 1 つの目的だけです。ただし、後続の border="0" により、デザイナーはこの目に見えないグリッドに画像とテキストを配置できます。現在に至るまで、視覚的に豊かな Web サイトをデザインする方法としては依然としてテーブルが主流ですが、これは Web サイトのデザインに対する、より優れた、より親しみやすく、柔軟で強力なアプローチの妨げとなります。

2. 概要: それは私にとって何になるのでしょうか?

次のような作業方法をお伝えします:

ページの読み込みを速くする
トラフィックコストを削減する
デザインをより効率的かつ低コストで変更できるようにする
サイト全体の視覚的な一貫性を維持するのに役立つ
あなたのサイトが検索エンジンにより見つけやすくなります
サイトを閲覧者やブラウザーにとってより使いやすいものにします
世界中で Web 標準を採用する人が増えるにつれて、Web 標準の品質も向上します (実際、リスクが軽減されます)。失業の）。

3. テーブルによって引き起こされる問題

フォーマットデータをコンテンツに混ぜます。
これによりファイルサイズが不必要に大きくなり、ユーザーはアクセスするページごとにそのような形式情報を一度ダウンロードする必要があります。
帯域幅は無料ではありません。
そのため、既存のサイトやコンテンツの再設計には非常に労力がかかります（そして費用もかかります）。
これにより、サイト全体で視覚的な一貫性を維持することが非常に困難になり、コストがかかります。
表ベースのページでは、障害のある人や携帯電話や PDA を使用している閲覧者にとってのアクセシビリティも大幅に低下します。

4. 移行設計

マージンとパディングを使用して、冗長な表のセルとスペーサー GIF を置き換えます。

スタイルを読み込むには、link と @import を使用します。前者は初期のブラウザで使用され、後者は最新のブラウザで使用されます。

5. 構造化マークアップ: What you write is what you think, what you think is writing

たとえ CSS を書くのが非常に簡単であっても、CSS を使用する植字には、これまでとは異なる考え方が必要です。

私たちがレイアウトをするときに考えるのは、「ここにあれを入れて、あれをあそこに入れて」ではなく、ページ上の情報のカテゴリーと情報の構造です。

最も重要な見出しをマークするには