コンピューターまたは携帯電話の Web ブラウザーで Web ページを表示したときに何が起こるかを簡略化して学習します。
クライアントとサーバー
インターネットに接続されているコンピュータは、クライアントおよびサーバーと呼ばれます。簡略化された
- クライアントは、一般的な Web ユーザーのインターネット接続デバイス (Wi-Fi に接続されたコンピューターなど) と、それらのデバイスで利用可能な Web アクセス ソフトウェア (通常は Chrome などの Web ブラウザ) です。
- サーバーは、Web ページ、サイト、またはアプリを保存するコンピューターです。クライアント デバイスが Web ページにアクセスしようとすると、Web ページのコピーがサーバーからクライアント マシンにダウンロードされ、ユーザーの Web ブラウザーに表示されます。
クライアントとサーバーに加えて、以下にも挨拶する必要があります。
インターネット接続: ウェブ上でデータを送受信できます。
TCP/IP: 伝送制御プロトコルとインターネット プロトコルは、インターネット上でのデータの移動方法を定義する通信プロトコルです。
DNS: ドメイン ネーム システムは、Web サイトのアドレス帳のようなものです。ブラウザに Web アドレスを入力すると、ブラウザは Web サイトを取得する前に、DNS を参照して Web サイトの IP アドレスを見つけます。ブラウザは、HTTP メッセージを適切な場所に送信できるように、Web サイトが存在するサーバーを見つける必要があります (以下を参照)。
HTTP: ハイパーテキスト転送プロトコルは、クライアントとサーバーが相互に通信するための言語を定義するアプリケーション プロトコルです。
-
コンポーネント ファイル: Web サイトは多くの異なるファイルで構成されています。これらのファイルには主に 2 つのタイプがあります:
- コード ファイル: Web サイトは主に HTML、CSS、JavaScript から構築されます。
- アセット: 画像、音楽、ビデオ、Word ドキュメント、PDF など、Web サイトを構成するその他すべての要素の総称です。
ブラウザに Web アドレスを入力すると
- ブラウザは DNS サーバーにアクセスし、Web サイトが存在するサーバーの実際のアドレスを見つけます
- ブラウザは HTTP リクエスト メッセージをサーバーに送信し、Web サイトのコピーをクライアントに送信するように要求します。このメッセージと、クライアントとサーバー間で送信されるその他すべてのデータは、TCP/IP を使用してインターネット接続経由で送信されます。
- サーバーがクライアントのリクエストを承認すると、サーバーはクライアントに「200 OK」メッセージを送信します。これは、「もちろん、その Web サイトを見ることができます。ここにあります」という意味で、Web サイトのファイルをブラウザーに送信し始めます。データパケットと呼ばれる一連の小さなチャンクとして
- ブラウザは小さなチャンクを組み立てて完全な Web ページを作成し、それを表示します。
ファイル解析の順序
HTML 解析: ブラウザは HTML ファイルを解析し、 を検出することから開始します。外部 CSS および <script> のタグJavaScript 用のタグ。</script>
CSS と JavaScript の取得: HTML の解析中に、ブラウザーは参照されている CSS ファイルと JavaScript ファイルのリクエストをサーバーに送信します。
-
解析とコンパイル:
- HTML は DOM ツリー (ドキュメント オブジェクト モデル) を生成します。
- CSS は CSSOM ツリー (CSS オブジェクト モデル) を生成します。
- JavaScript がコンパイルされて実行されます。
ページ レンダリング: ブラウザーは DOM と CSSOM を組み合わせてコンテンツのスタイルを設定し、JavaScript を実行してページの視覚的表現を画面に描画し、ユーザー操作を可能にします。
DNS（ドメインネームシステム）とは何ですか?
実際の Web アドレスは、お気に入りの Web サイトを見つけるためにアドレス バーに入力する、覚えやすい文字列ではありません。これらは、192.0.2.172.
のような特別な番号です。これは IP アドレスと呼ばれ、ウェブ上の一意の場所を表します。でも、なかなか覚えられないですよね？これが、ドメイン ネーム システムが発明された理由です。このシステムは、ブラウザに入力した Web アドレス (「mozilla.org」など) を Web サイトの実際の (IP) アドレスと照合する特別なサーバーを使用します。
リソース:
- MDN ウェブ ドキュメント
以上が5 分でわかる初心者のためのウェブの仕組みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
JavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AMJavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi
独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AMそれで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました
10 jQueryの楽しみとゲームプラグインMar 08, 2025 am 12:42 AM10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます！ Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム
独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？Mar 18, 2025 pm 03:12 PM記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。
jQuery Parallaxチュートリアル - アニメーションヘッダーの背景Mar 08, 2025 am 12:39 AMこのチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください
Matter.jsを始めましょう：はじめにMar 08, 2025 am 12:53 AMMatter.jsは、JavaScriptで書かれた2D Rigid Body Physics Engineです。このライブラリは、ブラウザで2D物理学を簡単にシミュレートするのに役立ちます。剛体を作成し、質量、面積、密度などの物理的特性を割り当てる機能など、多くの機能を提供します。また、重力摩擦など、さまざまな種類の衝突や力をシミュレートすることもできます。 Matter.jsは、すべての主流ブラウザをサポートしています。さらに、タッチを検出し、応答性が高いため、モバイルデバイスに適しています。これらの機能はすべて、物理ベースの2Dゲームまたはシミュレーションを簡単に作成できるため、エンジンの使用方法を学ぶために時間をかける価値があります。このチュートリアルでは、このライブラリのインストールや使用法を含むこのライブラリの基本を取り上げ、
jqueryとajaxを使用した自動更新DivコンテンツMar 08, 2025 am 12:58 AMこの記事では、JQueryとAjaxを使用して5秒ごとにDivのコンテンツを自動的に更新する方法を示しています。 この例は、RSSフィードからの最新のブログ投稿と、最後の更新タイムスタンプを取得して表示します。 読み込み画像はオプションです
ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？Mar 18, 2025 pm 03:14 PMこの記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
WebStorm Mac版
便利なJavaScript開発ツール
メモ帳++7.3.1
使いやすく無料のコードエディター
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
ホットトピック
7412
15135852