Web技術の基礎

ブラウザで https://www.example.com:8443/docs/guide.html?lang=ja#install を開いた。このURLのうち、サーバへ送るリクエストには含まれず、ページを読み込んだ後にブラウザの中だけで使われる部分はどれか。

  1. A:8443
  2. B?lang=ja
  3. C#install
答えと解説を見る

正解:C. #install

このURLは、スキーム(https)、ホスト名(www.example.com)、ポート番号(8443、省略するとhttpsでは443)、パス(/docs/guide.html)、クエリ(lang=ja)、フラグメント(install)からできています。ブラウザはポート番号で接続先を決め、パスとクエリをリクエストに入れてサーバに送りますが、#の後のフラグメントは送りません。フラグメントは、ページの中で id="install" の要素の位置へ移動するなど、ブラウザの中だけで使われます。

  • A. ポート番号は接続先を決めるのに使われ、既定以外のポート番号はHostヘッダにも入ります。
  • B. クエリはパスと一緒にリクエストに入れてサーバに送られ、サーバの処理の条件などに使われます。
  • C. 正しい。フラグメントはサーバに送られず、ページの中の位置などを示すためにブラウザが使います。
この分野を解く 分野ページへ

Web技術の基礎の参考書を探す PR

Amazonの検索結果へのリンクです。Amazonのアソシエイトとして、半導体教室は適格販売により収入を得ています。

Web技術の基礎のほかの問題

  1. URLのクエリに日本語の「あ」を入れるため、この文字をUTF-8で表したバイト列(E3 81 82)を、パーセントエンコーディングで表す。結果として正しいものはどれか。
  2. チャットのアプリで、新しいメッセージをサーバからブラウザへすぐに届けたい。WebSocketの説明として正しいものはどれか。
  3. オンライン決済のサービスで支払いが完了したことを、加盟店のサーバがすぐに知りたい。決済サービスが、あらかじめ登録された加盟店のURLへHTTPのPOSTで通知を送る方式(Webhook)の説明として、正しいものはどれか。
  4. ブラウザで使われるDOM(Document Object Model)の説明として、正しいものはどれか。
  5. 上のCSSを指定した要素の、左右のボーダーの外側の端から端までの幅はどれか。