Table から CSS_Experience 交換に移行するメリットとデメリットの比較

WBOY
リリース: 2016-05-16 12:08:59
オリジナル
1664 人が閲覧しました

CSS レイアウト支持者の声は、「テーブル レイアウトのメリット」という声によって影が薄くなってきています。 CSS を学ぶのが難しいというのは迷信です。実際、CSS は他の Web テクノロジーと比べてそれほど難しいものではありません。ここに問題があります。すでにテーブル デザインの経験が豊富な Web デザイナーは、その考え方を完全に捨てて、CSS アプローチを採用する必要があります。

私は長年テーブル レイアウトを使用してデザインしてきましたが、初めて CSS レイアウトを使用し始めたときも問題に遭遇しました。 「フォームってなんて使いやすいんだろう」と思いました。しかし、それは私がテーブルに慣れていて、賢く対処する方法を知っているからです。たとえ小さな変化であっても、私にとっては迷惑です。ましてや、そのような劇的な変化はありません。

私が初めてテーブル レイアウトの使い方を学んだときのことを思い出してみると、たくさんの問題が私を悩ませていました。行スパン、コルスパン、および空の GIF 画像を思い出してください。正直に言うと、これら 2 つのレイアウト方法のうち、テーブル レイアウトの方が難しいです。

もう 1 つの古い観点は、CSS によって設計されたページ (バイト数) が非常に大きく、テーブルによって設計されたページよりも大きいということです。その理由は、サイト全体のすべてのスタイルを 1 つのファイルにまとめているため、ユーザーがページにアクセスしたときに、サイト全体のスタイルを含むスタイル シートをダウンロードする必要があるため、ページが非常に大きくなるからです。

では、なぜすべてのスタイルを 1 つの CSS ファイルに入れるのでしょうか? CSS ファイルを 1 つだけ使用するという制限はありません。特定の章の詳細なスタイル用に別のサブスタイル シート ファイルを設定できます。私の経験では、単純なマニュアル Web サイトから大規模なデータベース主導型の多機能システム Web サイトまで、スタイル シート ファイルを 1 つだけ使用したことはありませんし、テーブル デザイン以上のコードを含むホームページはありません。これらの table、tr、td タグは多くのスペースを占有します。今すぐ対処し、CSS レイアウト方法を使用してファイル サイズを削減してください。

テーブル レイアウトを使用すると、ラベル自体の意味的な意味が失われます。レイアウトに対する Web の標準的なアプローチは、コンテンツ層とプレゼンテーション層を分離することで大きな利点をもたらします。デザインをテーブルでロックする場合、デザインを変更する必要がある場合は、ページを見つけてテーブル構造を分析し、ページごとに変更する必要がありますが、CSS ファイルはサイト全体のデザインを簡単に変更できます。 CSS を使用すると、デバイスの独立性についてまったく考慮する必要がなく、ユーザーが独自のスタイルを選択することを心配する必要もありません。

フォームの「利点」であるフォームのデザインについても聞きました。ただし、フォームではテーブル配置を実現するために任意の方法を使用できます。 Netscape 4 用ですか? このような古いブラウザをサポートする理由は聞いたことがありません。ほとんどの主流ブラウザのユーザーの関心は、スタイル シートをサポートしていないブラウザを使用する少数のユーザーの関心よりもはるかに大きいです (CSS がプレーン テキストもサポートしていることは言うまでもありません)。

これらの「スーパー フォーム」支持者の議論は要約すると、「フォームは簡単だ」ということになります。非効率的なアプローチに満足するかどうかはあなた次第です。制限を打ち破って、ページのコンテンツをより多用途で使いやすく、コードを少なくしたい場合は、懸命に変更してください。もちろん、Web デザインが初めてで、ゼロから始める場合には、これらの問題は発生しません。

「車を押すのではなく、ただ押してください。」「これは設計者の道具箱の中の単なるツールです。」これは一部の議論者の見解です。テーブル レイアウトは、壁に穴を開けるために今でも使用できる昔ながらの木柄のドライバーのようなものです。 CSS レイアウトの方が効率的で、手にマメができにくいので、電動ドライバーを使いたいと思います。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!