Html-understanding-url-tutorial

提供:Dev Guides
移動先:案内検索

URLを理解する

Web上のすべてのドキュメントには一意のアドレスがあります。 このアドレスは、* [。underline] #U# niform * [。underline] #R#* esource * [。underline] #L#* *ocator(URL)として知られています。

いくつかのHTML/XHTMLタグには、ハイパーリンク、インライン画像、フォームなどのURL属性値が含まれます。 それらはすべて、そのリソースのタイプまたはコンテンツに関係なく、同じ構文を使用してWebリソースの場所を指定します。 そのため、Uniform Resource Locatorと呼ばれています。

URL要素

URLは複数の部分で構成され、各部分はページを見つけるのに役立つ情報をWebブラウザーに提供します。 URLの各部分を学習する方が簡単です。以下に示すURLの例を見ると、3つの主要な部分があります:スキーム、ホストアドレス、およびファイルパスです。 次のセクションでは、それらのそれぞれについて説明します。

http://www.finddevguides.com/index

スキーム

スキームは、リンクしているプロトコルとURLのタイプを識別するため、リソースを取得する方法を識別します。 たとえば、ほとんどのWebブラウザーはHTTP(Hypertext Transfer Protocol)を使用して情報を渡し、Webサーバーと通信します。これがURLがhttp://で始まる理由です。

他にも利用可能なスキームがあり、要件に基づいていずれかを使用できます。

Sr.No Scheme & Description
1

ハイパーテキスト転送プロトコル(HTTP)を使用して、Webサーバーからページを要求し、Webサーバーからブラウザーにページを送り返します。

2

https://

セキュアハイパーテキスト転送プロトコル(HTTPS)は、デジタル証明書を使用して、ブラウザーとWebサーバー間で送信されるデータを暗号化します。

3

ftp://

ファイル転送プロトコルは、Web上でファイルを転送する別の方法です。 HTTPはブラウザと統合されているため、Webサイトを表示するために非常に人気がありますが、FTPはWeb全体で大きなファイルを転送し、ソースファイルをWebサーバーにアップロードするためのプロトコルとして一般的に使用されています。

4

file://

ファイルがローカルハードディスクまたはLAN上の共有ディレクトリにあることを示すために使用されます。

ホストアドレス

ホストアドレスは、IPアドレス(たとえば、68.178.157.132のように、0〜255の4組の数字)またはより一般的にはwww.finddevguides.comなどのサイトのドメイン名のいずれかで、Webサイトを見つけることができます。 「www」は実際にはドメイン名の一部ではないことに注意してください。これはホストアドレスでよく使用されます。

ファイルパス

ファイルパスは常にスラッシュ文字で始まり、1つ以上のディレクトリ名またはフォルダー名で構成されます。 各ディレクトリ名はスラッシュ文字で区切られ、ファイルパスはファイル名で終わる場合があります。 ここでのインデックスは、htmlディレクトリで使用できるファイル名です。

https://www.finddevguides.com/html/index

URLの他の部分

資格情報を使用すると、サイトのパスワードで保護された部分にユーザー名とパスワードを指定できます。 資格情報はホストアドレスの前にあり、ホスト名と@記号で区切られています。 ユーザー名とパスワードがコロンで区切られていることに注意してください。 次のURLは、ユーザー名_admin_とパスワード_admin123_を示しています。

https://admin:[email protected]/admin/index

上記のURLを使用して、管理者を認証できます。提供されたIDとパスワードが正しい場合、管理者はadminディレクトリにあるインデックスファイルにアクセスできます。

次のように、telnet URLを使用してサーバーに接続できます。

telnet://user:[email protected]:port/

もう1つの重要な情報は、Webサーバー_ポート番号_です。 デフォルトでは、HTTPサーバーはポート番号80で実行されます。 ただし、他のポート番号でサーバーを実行している場合は、サーバーがポート8080で実行されていると仮定して、次のように分割できます。

https://www.finddevguides.com:8080/index

_Fragment identifiers_をファイル名の後に使用して、ブラウザがすぐに移動するページの特定の部分を示すことができます。 以下は、html_text_linksページの上部に移動する例です。

https://www.finddevguides.com/html/html_text_links#top

URLを使用してサーバーに情報を渡すことができます。 検索フォームやオンライン注文フォームなど、Webページ上のフォームを使用すると、ブラウザはURLに指定した情報を追加して、次のようにブラウザからサーバーに情報を渡すことができます-

https://www.finddevguides.com/cgi-bin/search.cgi?searchTerm=HTML

ここでは、 searchTerm = HTML がサーバーに渡され、そこでsearch.cgiスクリプトが使用されて、この渡された情報を解析し、さらにアクションを実行します。

絶対URLと相対URL

次の2つの方法のいずれかでURLをアドレス指定できます。

  • 絶対-絶対URLはリソースの完全なアドレスです。 たとえば、http://www.finddevguides.com/html/html_text_links
  • Relative -相対URLは、リソースが現在のページに対してどこにあるかを示します。 指定されたURLは<base>要素で追加され、完全なURLを形成します。 たとえば/html/html_text_links

予約済みおよび安全でないキャラクター

予約文字とは、URL内で特定の意味を持つ文字です。 たとえば、スラッシュ文字はURL内のパス名の要素を区切ります。 要素の区切り文字として意図されていないURLにスラッシュを含める必要がある場合は、%2Fとしてエンコードする必要があります。

安全でない文字とは、URL内で特別な意味を持たない文字ですが、URLが記述されているコンテキストでは特別な意味を持つ場合があります。 たとえば、二重引用符( "")はタグ内のURL属性値を区切ります。 二重引用符をURLに直接含める必要がある場合、ブラウザを混乱させる可能性があります。 代わりに、二重引用符をエンコードして、発生する可能性のある競合を回避する必要があります。

link:/html/html_url_encoding [ HTML URL Encoding ]チュートリアルをチェックして、このエンコーディング、予約済みの安全でない文字を理解できます。