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

導入

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

なぜ重要か

Web基礎の知識は、ITパスポートのテクノロジ系分野のなかでも実生活との接点が最も多いテーマです。HTTPSとHTTPの違いは情報セキュリティの問いと組み合わせて出題され、Cookieはプライバシー・個人情報保護の文脈でも登場します。HTMLとCSSの役割の違いを問う問題は、Webシステム開発の基礎として繰り返し確認されます。

また、検索テクニック（AND検索・OR検索・マイナス検索）も出題範囲に含まれており、「より少ない情報量で正確な情報を見つける能力」というデジタルリテラシーとしての側面もあります。これらを体系的に押さえることで、試験の選択問題に迷わず対応できるようになります。

くわしく知ろう

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://` のままのサイトでは通信内容が暗号化されないため、個人情報の入力には注意が必要です。

試験での出題パターン

【パターン1：HTMLとCSSの役割の違いを問う問題】

「Webページの見た目（フォント・色・レイアウト）を定義するのはどれか」という問いでCSSが正解、「Webページの構造（見出し・段落・リンク）を記述するのはどれか」という問いでHTMLが正解となります。両者がセットで出題されることも多く、「HTMLで見た目も決める」「CSSで構造も書ける」は誤りとして登場します。

【パターン2：Cookieの用途を問う問題】

「ログイン状態の維持やカートの内容記憶に使われる仕組みはどれか」という問いに、Cookie・HTML・URL・HTTPSが選択肢として並ぶ形式が典型です。Cookieはサーバーではなくブラウザ側に保存される点も問われることがあります。

【パターン3：検索演算子を問う問題】

「特定のキーワードを含むページを除外して検索するための演算子はどれか」という形式で、マイナス（-）記号が正解となります。AND・OR・NOT・フレーズ検索（ダブルクォーテーション）の4パターンをセットで覚えておくと、この種の問いに迷わず対応できます。

よくある間違い・紛らわしいポイント

【HTMLとCSSの役割の逆転】

「HTMLで色やレイアウトを指定する」という誤解がよく見られます。HTMLはあくまでも構造（骨格）を定義し、見た目の装飾はCSSが担うという役割分担が基本です。実際には属性を使ってHTMLに直接スタイルを書くことも技術的には可能ですが、試験の文脈では「構造＝HTML、見た目＝CSS」という原則で解答するのが正解です。

【CookieとセッションIDの混同】

Cookieはブラウザに保存されるデータそのものを指しますが、その中に「セッションID」というログイン状態を識別する番号が含まれていることが多いです。「セッション管理にCookieは使われない」は誤りで、「CookieにセッションIDが格納されることでログイン状態が維持される」という流れを理解しておくと、複合問題にも対応しやすくなります。

【HTTPSを使えば「完全に安全」という誤解】

HTTPSは通信経路を暗号化するものであり、Webサイト自体の安全性を保証するものではありません。フィッシングサイトでも「https://」から始まるURLを持つことができ、HTTPSの表示だけを見てサイトの信頼性を判断することはできません。試験では「HTTPSは通信内容の盗聴・改ざんを防ぐが、サイト自体の正当性を保証しない」という区別が問われることがあります。

まとめ・試験ポイント

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