構造とプレゼンテーションの分離を理解するためのWeb標準の学習
|
Web 標準について議論するときに必ず話題になるのは、構造とプレゼンテーションを分離することの重要性です。 構造とプレゼンテーションの違いを理解するのは、特にドキュメントの意味構造について考えることに慣れていない場合は、最初は難しい場合があります。 ただし、構造とプレゼンテーションが分離されている場合、CSS ドキュメントを使用してプレゼンテーションを制御することが容易になるため、これを理解することが重要です。 構造は、ドキュメントの本体と、意味タグおよび構造タグで構成されます。 プレゼンテーションは、コンテンツに与えるスタイルです。ほとんどの場合、プレゼンテーションはドキュメントの見た目を意味しますが、ドキュメントの「聞こえ方」にも影響を与える可能性があります。結局のところ、すべての人がグラフィカル ブラウザーを使用するわけではありません。 構造とプレゼンテーションを可能な限り分離します。 理論的には、コンテンツと構造を保存するために 1 つの HTML ドキュメントを使用し、ドキュメント全体の表示を制御するために 1 つの CSS ドキュメントを使用する必要があります。 プレゼンテーションと構造が分離されていない Web サイトは、今日でも一般的です。 したがって、最初に学習を始めるときは、それらを別々のファイルに配置する良い習慣を身に付ける必要があります。XHTML ファイルは、外部の CSS および JavaScript ドキュメントをリンクして共有できます。 |
推薦する
Docker バインディング固定 IP/クロスホストコンテナ相互アクセス操作
序文これまでは、パイプワークで割り当てた静的 IP は一時的なものであり、再起動すると無効になってい...
div が iframe に覆われるいくつかの状況とその解決策
類似の構造:コードをコピーコードは次のとおりです。 <div></div>&...
vue+element カスタムクエリコンポーネント
この記事では主に Vue プロジェクトを紹介します。要素の導入を前提として、コンポーネントを 2 回...
CSS3 の display:grid、グリッドレイアウトの紹介
1. グリッドレイアウト（グリッド）: Web ページをグリッドに分割し、さまざまなグリッドを組み合...
Mac で docker と kubectl の自動補完コマンドを追加する方法
kubectl の紹介kubectl は、k8s クラスターを操作するためのコマンドライン ツールで...
最も完全な 50 の MySQL データベース クエリ演習
このデータベース クエリ ステートメントは、インターネット上の 50 個のデータベース クエリ練習問...
Linux で SpringBoot jar プログラム デプロイメント シェル スクリプトを起動および停止する方法
では早速、コードをお見せしましょう。具体的なコードは次のとおりです。 #!/bin/bash cd ...
Apache、Tomcat、Nginx サーバーの詳細な理解と比較分析
質問1件会社のサーバーはApacheを使用しており、バックエンドはPHP、サーバーはLinux C/...
Linux での VMWare15.5 のインストールに関するチュートリアル
Linux に VMWare をインストールするには、公式 Web サイト https://www....
MySQL パフォーマンス最適化のヒント
MySQL パフォーマンスの最適化MySQL はインターネット企業で広く使用されており、MySQL ...
Postman 自動インターフェーステストの実践
目次背景説明GETリクエストの作成事前リクエストスクリプトで署名を作成するスクリプトは環境変数に書き...
TypescriptとAxiosに基づくインターフェースリクエスト管理の詳細な説明
目次アイデア傍受を要求するレスポンスインターセプションhttpClient.tsを使用してリクエスト...
角度コンテンツ投影の詳細な説明
目次単一コンテンツ投影マルチコンテンツ投影単一条件のコンテンツ投影アプリ-人物-htmlアプリ担当者...
CentOS はローカル yum ソースを使用して LAMP 環境を構築するグラフィック チュートリアル
この記事では、ローカル yum ソースを使用して CentOS 上に LAMP 環境を構築する方法に...
DIVのぼかし機能を実装する方法
マウスを動かしたときにDIVが消えるように手ぶれ補正を使用するdiv タグ自体は onblur イベ...