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 レイアウトの方が効率的で、手にマメができにくいので、電動ドライバーを使いたいと思います。

これは、フォームアクセシビリティについて行った小さなシリーズの3番目の投稿です。 2番目の投稿を逃した場合は、「ユーザーフォーカスの管理:Focus-Visible」をご覧ください。で

CSS Box-Shadowおよびアウトラインプロパティは、WordPress 6.1でTheme.jsonサポートを獲得しました。実際のテーマでどのように機能するか、そしてこれらのスタイルをWordPressブロックと要素に適用するために必要なオプションのいくつかの例を見てみましょう。

このチュートリアルでは、Smart Formsフレームワークを使用して、プロフェッショナルなJavaScriptフォームの作成を示しています(注:使用できなくなりました)。 フレームワーク自体は利用できませんが、原則とテクニックは他のフォームビルダーに関連しています。

この記事では、Envato Marketで入手可能なPHPフォームのビルダースクリプトを説明し、機能、柔軟性、デザインを比較します。 特定のオプションに飛び込む前に、PHPフォームのビルダーが何であるか、そしてそれを使用する理由を理解しましょう。 PHPフォーム

最近GraphQLの作業を開始した場合、またはその長所と短所をレビューした場合、「GraphQLがキャッシュをサポートしていない」または

Svelte Transition APIは、コンポーネントがカスタムSVELTE遷移を含むドキュメントを入力または離れるときにアニメーション化する方法を提供します。

あなたのウェブサイトのコンテンツプレゼンテーションの設計にどれくらいの時間に費やしますか?新しいブログ投稿を書いたり、新しいページを作成したりするとき、あなたは考えていますか

この記事では、Scrollbarsの世界に飛び込みます。私は知っています、それはあまりにも魅力的ではありませんが、私を信じてください、よく設計されたページは手をつないで行きます


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

SublimeText3 中国語版
中国語版、とても使いやすい

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
