Webページが届くまで

ブラウザーとサーバー

ブラウザーは、Webページを表示するソフトウェアです。サイトを開くと、ページのデータを提供するサーバーへ要求を送ります。サーバーは要求を処理し、HTMLなどのデータを応答として返します。

このやり取りで要求する側をクライアントと呼びます。Webではブラウザーがクライアントになります。クライアントとサーバーは、機器の製品名ではなく、この通信での役割を表す言葉です。

HTTPは、クライアントとサーバーが要求と応答をやり取りするための取り決めです。要求には、何をしたいかを表すメソッドが含まれます。ページなどのリソースを取得する要求にはGETを使います。

たとえば教材ページを開く操作では、そのページを取得する要求が送られます。ページ内で別の画像を使う場合は、画像を取得する要求も必要です。一度のクリックに対して、複数のファイルを読み込むことがあります。

HTMLは、見出しや段落、リンクといった内容の構造を表します。CSSは、文字の色や大きさ、余白、配置といった見た目を指定します。同じHTMLに別のCSSを適用すると、内容を保ったまま表示を変えられます。

教材の見出しをHTMLで表し、見出しの文字サイズをCSSで指定する、といった分担です。画像や操作用のスクリプトも、必要に応じて別のファイルとして読み込まれます。

サーバーの応答には、処理結果を表すステータスコードが含まれます。200は成功を表すコードです。404は、要求されたリソースをサーバーが見つけられなかったことを表します。

古い教材リンクを開いて404になった場合、リンク先が移動または削除された可能性があります。サイトのトップから同じ教材へ進めるなら、古いURLだけが使えなくなったと切り分けられます。

ページの文字は表示され、画像だけが出ない場合、ページ全体と画像を別々に取得する仕組みが手掛かりになります。画像のURLが変更されていれば、画像の要求だけが404になることがあります。HTTPの応答は要求ごとに返るためです。