URL
初級読み方：ユーアールエル｜英語：URL
ウェブページの住所で、https://example.com/page のような形式だよ。いつ使う？ リンクを貼るとき、APIにリクエストを送るとき、画像のパスを指定するときなど、Web上のリソースの場所を示すときに使うよ。間違いやすいポイント: URLのスペルミスは404エラーの原因になるよ。また、日本語やスペースを含むURLはエンコード（%E3%81%82のような形）が必要だよ。
やさしい説明
URL（ユーアールエル）とは、インターネット上のページの住所です。Uniform Resource Locator の略で、ブラウザのアドレスバーに表示される文字列です。
現実の住所が「東京都渋谷区○○1-2-3」のように構造化されているように、URLも「プロトコル://ドメイン/パス」という構造になっています。
URLを見れば「どのサーバーの」「どのページか」がわかります。リンクを貼るときやAPIにアクセスするときに使います。
具体例・使い方
https://example.com/blog/hello?page=2#section1
│ │ │ │ │
│ │ │ │ └─ フラグメント（ページ内の位置）
│ │ │ └─ クエリパラメータ（検索条件等）
│ │ └─ パス（ページの場所）
│ └─ ドメイン名（サーバーの名前）
└─ プロトコル（通信方法）いつ使う？
リンクを作るとき（href属性）、APIにアクセスするとき（fetch）、画像を表示するとき（src属性）——Webページを作るときは常にURLを扱います。
間違いやすいポイント
❌ 相対パスと絶対パスを混同する
<!-- 絶対パス（どこからでも同じ場所を指す） -->
<a href="https://example.com/about">About</a>
<!-- 相対パス（今いる場所からの相対位置） -->
<a href="/about">About</a>
<a href="../images/cat.jpg">猫</a>よくある疑問
Q: URLとドメインの違いは？
A: ドメインはURLの一部です。example.comがドメイン、https://example.com/about/ がURL全体です。
Q: URLの構成要素は？
A: プロトコル(https://) + ドメイン(example.com) + パス(/page) + クエリ(?key=value) + フラグメント(#section) で構成されます。
Q: 相対URLと絶対URLの違いは？
A: 絶対URLはhttps://から始まる完全なURL、相対URLは/pageや./imageのように現在の位置からの相対パスです。同じサイト内なら相対URLが便利です。
関連用語
📖 関連レッスン
レッスンを見る →