DIV と TABLE の共存に関する簡単な説明
div と table はフロントエンド設計において不可欠なタグであることはわかっていますが、それらの機能はほとんど同じですが、この記事では、DIV と TABLE の共存について簡単に説明します。
テーブルについて
WEB標準を使用した後、テーブルの使用が排除されるわけではありませんが、逆にCSSレイアウトに関する多くの記事で言及される理由です。なぜレイアウトにテーブルを使うのか、それは賢明ではありません。 この文章は、皆さんが間違った認識を持っているからかもしれません。 「レイアウトにテーブルを使う」は、私たちが行っているテーブルのレイアウトを指していることに注意してください。表は最終的には「データ」を表示するために使用されるため、表に表示するのは賢明ではありません。それが明確に読めるようにするために、会社の従業員の問い合わせフォームや製品とモデルの対応表などの表を使用します。いわゆるテーブルフィーストに関しては、実際にはより高いレベルに意見が上がっています。つまり、プロの市場分析会社のように、テーブルを柔軟に使って表示することができれば、顧客データやアンケートデータなどの情報を収集するときに、テーブルの利点が真に活かされますそれでは、使用されている文章についてです。
その他の要素について
私の経験に基づいて、
XHTML 標準のいくつかの要素を 3 つの主要なカテゴリに分類します。
最初のカテゴリは、私が補助レイアウト デザイン要素と呼ぶものです。ここでは、p、SPAN などを指します。これらの要素の主な機能は、ページ全体を柔軟にレイアウトすることです。これらの要素のさまざまな属性を使用すると、ページのパフォーマンスを豊かでカラフルにすることができます。 2 番目のカテゴリ I これは、TABLE、UL、PRE、および CODE タイプの要素を指します。たとえば、情報の表示と整理では、TABLE は表の情報を表示するために使用され、UL は情報を表示するために使用されます。表やリストが必要な場合は、これら 2 つの方法で表示するのが賢明です
3 番目のカテゴリは、メタ。これは、META キーワードにキーワードを入力するなど、純粋に一部の機能を実現するためのものです。リンク A もあります。標準に準拠した正しい設計アイデアは、p などのレイアウト要素を使用して設計レイアウトを作成し、配置します。ページの、カラーブロック、画像などを使用して、ページに表示する必要があるものを表示します。 もちろん、p は ID 属性を使用してデータを整理する役割も果たします。 of p は、ユーザーが指定したデータ ブロックとして p を簡単に使用できます。したがって、Web 標準を使用して Web サイトを作成することは、実際には情報を合理化して統合するプロセスであり、使用すべき要素はすべて使用する必要があり、レイアウト ツールとしてテーブルを使用する必要はありません。
関連する推奨事項:
DIV と CSS を使用してナビゲーション バーを作成する方法
DIV と TABLE が CSS の幅を超えた場合の自動行折り返しの分析Web ページのレイアウト_html/css_WEB -ITnose
以上がDIV と TABLE の共存に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











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

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

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

インラインテキストエディターの構築は些細なものではありません。 このプロセスは、ターゲット要素を編集可能にすることから始まり、その過程で潜在的なSyntaxerrorの例外を処理します。 エディターの作成 このエディターを構築するには、コンテンツを動的に変更する必要があります

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

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

このチュートリアルは、node.js、Express、およびMulterを使用してファイルアップロードシステムを構築することをガイドします。 単一および複数のファイルのアップロードをカバーし、後で検索するためにMongoDBデータベースに画像を保存することさえ示します。 まず、プロジェックをセットアップします

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