あなたがURLについて知っている必要があるもの

URLは、Webアーキテクチャの柱の一つであり、コードを誰にとってもキーコンセプトです.この記事では、URL、それらが何であるか、それらがどのように使用され、どのように作られるかを論じます.

URLは？

Uniform Resource Locators(URLとしてよりよく知られている)は単にユニークなリソースを指すアドレスです.これらはURIの一種で、ユニフォームリソース識別子を表します.
HTTPの文脈ではしばしばWebアドレスと呼ばれ、URLはHTMLページやイメージなどのリソースを指すアドレスです.URLは、ブラウザによって関連リソースを読み込むために使用されます.
URLの例を示します.

https://www.google.com

ブラウザのアドレスバーにこのURLを入力することができ、ブラウザがリソースを取得します.
この例では、リソースはGoogleホームページです.

ブラウザのアドレスバーにこのURLを入力すると、HTTPリクエストがリソースを管理しているサーバーに送信されます.この場合、特にGET request は、Googleホームページをホストしているサーバーです.
ブラウザによって作られたネットワーク要求を見ることができます.

リクエスト情報に注意してください.

スキーム: URLで使用するスキーム

ホスト:サーバ

ファイル名:リソースへのフルパス

これらの要素とURLの構造を詳しく見てみましょう.

URLの構造

すべてのURLは、さまざまな部分の数から成ります.他の人が義務的である間、これらの部品のいくつかはオプションです.これらのコンポーネントの多くを認識するでしょう.
基本URLの例を示します.

詳細について話し合いましょう.

スキーム

URLの最初の部分が計画です.URLはリソースを' locate 'するために使用され、スキームは'リソース'にどのようにアクセスするかを教えてくれます.リソースにアクセスするプロトコルを示します.

ブラウザは、異なるスキームを受け入れることができますmailto:多くの場合、HTTPまたはHTTPSは、Webページにアクセスするブラウザを使用する場合が多い.しかし、多くのスキームがあります.以下にいくつかの例を示します:

http:
mailto:
ftp:
telnet:
news:
tel:

権威

スキームの後、権限コンポーネントです.これは、サーバーがリソースを管理するものを示します.これは、ホストとポートの2つの要素が含まれます.
権限コンポーネントは、:// コロンはURLの異なる部分を示し、// 権威が次になることを意味します.
しかし、すべてのURLは権威を使用するわけではない.各プロトコルの要件を理解することが重要です.次の例を考えます.

https://example.com/blog
mailto:[email protected]?subject=hello
news:<message-id>

ホスト

HTTP文脈では、ホストはしばしば修飾されたドメインです、しかし、それはIPv 4またはIPv 6アドレスでありえました.

ポート

この番号はport 接続する.ポートは通信エンドポイントです.HTTP URLスキームでは、ポート番号が省略された場合、ポートはデフォルトでポート80になります.
URLスキームは、通常、プロトコルのポート番号を定義します.ポート番号が省略されると、それらを分離するコロンも省略されます.

http://localhost:80
http://192.168.0.1:8000

パス

URLパスには、リソースへのアクセス方法に関する情報が含まれます.リソースへのパスです.パスの構文はどのURLスキームが使用されているかによって異なります.

HTTP URLでは/ 上記の例では階層構造を示します.archive がblog . 注意/ ホストとパスの分離はパスの一部ではありません.

パラメータ

パラメータは、サーバがリソースを返す前に何らかのアクションを実行するために使用されるキー値ペアのリストです.Google検索エンジンを使ってこれを観察できます.
あなたが検索バーで用語を入力すると、用語はURLパラメーターとして含まれ、リソースを返す前にサーバーによって処理されます.アドレスバーのURLを見て確認できます.

HTTPS URL.ブラウザはHTTPを送信するGET 検索用語をパラメータとして要求します.

アドレスバー.キー/値のペアで構成されるパラメーターに注目してください.
すべてのサーバは異なるパラメータを扱うので、所有者とどのように扱われるかを確認することが重要です.

HTMLのURL

前述のように、我々はリソースにアクセスするためにブラウザのアドレスバーに直接URLを入力することができます.しかし、HTML、CSS、JavaScriptなどのURLを使用する多くの技術があります.HTMLでURLを使用する方法を見てみましょう.
HTMLは広範囲にドキュメントをアクセスし、別のから移動するURLを使用します.ハイパーリンクをクリックし、別のHTMLページに移動するたびにURLを使用します.ハイパーリンクは単にURLに結び付けられたテキストです.
他のドキュメントへのリンクはHTMLで作成されます< a> 要素.これは、ユーザーが迅速に目的のドキュメントにアクセスすることができます.
以下を使用してリンクの例を示します<a> HTMLの要素

<a href="https://example.com">This is text that is tied to a URL</a>

包む

我々は、どんなURLがあるか、そして、彼らが使用されるものの表面をひっくり返しました.将来の投稿では、URL Web APIを含むJavaScriptでURLを使用する方法を詳しく見ていきます.

更なる参照

対象についてのさらなる読書に興味がある方に.

URI Schemes List – IANA

URL Specification – WHATWG

Percent-encoding – MDN

郵便What you need to know about URLs 最初に現れたJordan Holt .