Web基礎 — HTML・Cookie・検索テクニック

導入

毎日当たり前のように使っているWebサイトですが、「なぜあのリンクをクリックすると別のページに飛ぶのか」「ショッピングサイトがカートの中身を覚えていられるのはなぜか」を説明できるでしょうか。Webの仕組みを知ると、インターネットがぐっと身近に感じられるようになります。ここでは、ITパスポート試験で頻出のHTML・Cookie・URLの基礎を確認していきます。

くわしく知ろう

Webページを作るための基本言語がHTML（HyperText Markup Language）です。HTMLは文章の構造を「タグ」と呼ばれる記号で表すもので、たとえば見出しや段落、画像の配置などをブラウザに伝える役割を担っています。HTMLが「構造」を担う一方、CSS（Cascading Style Sheets）はWebページの「見た目」を整えるための仕組みで、文字の色やサイズ、レイアウトを指定するために使われています。

次に、URLについてです。URL（Uniform Resource Locator）とは、インターネット上の情報の「住所」にあたるものを指します。`https://www.example.com/page` のような形式のうち、先頭の `https` はHTTPSというプロトコル（通信規約）を表しており、`s` が付くことで通信内容が暗号化されていることを示しています。暗号化されていないHTTPと区別して、特にセキュリティを問う場面でよく取り上げられます。

Cookieとは、Webサーバーがブラウザにあずけておくごくわずかなデータのかたまりを指します。ショッピングサイトがログイン状態を保持したり、カートの中身を記憶したりできるのは、このCookieの仕組みが使われているためです。Cookieにはユーザーの好みや行動履歴も記録できるため、便利な反面、プライバシーとのバランスが論点になることもあります。

検索エンジンは、Webクローラーと呼ばれるプログラムが世界中のWebページを巡回・収集し、そのデータを整理（インデックス化）したうえでキーワード検索に応答する仕組みになっています。より絞り込んだ検索をしたい場合には、検索演算子を使うと便利です。たとえばキーワードを `"` で囲むと完全一致で検索でき、`-` を付けると特定の言葉を除外した検索が行えます。

具体例

たとえば、ECサイトでログインした後にページを移動しても「ようこそ○○さん」と表示されたままなのは、ログイン情報がCookieとしてブラウザに保存されているためです。また、アドレスバーに表示されるURLが `https://` から始まっていれば通信が暗号化されており、クレジットカード番号などの入力が比較的安全である目安になります。一方、`http://` のままのサイトでは通信内容が暗号化されないため、個人情報の入力には注意が必要です。

まとめ・試験ポイント

• HTML＝Webページの構造を記述する言語、CSS＝見た目を整えるスタイル定義
• URL＝インターネット上の情報の住所。先頭が「https」なら通信は暗号化済み
• HTTP と HTTPS の違いは暗号化の有無。試験では `s` の意味を問われることが多い
• Cookie＝サーバーがブラウザに預ける小さなデータ。ログイン保持やカート記憶に活用
• 検索演算子："" で完全一致、- で特定語句の除外
• 試験では「Cookieの用途」「HTTPSの目的」「HTMLの役割」を問う出題が頻出