Ume Jam HTML help: classification of elements

HTML basics
URL



URLとは

URL (Uniform Resource Locator)はリソース (resource)のあるロケーションを表わすものです。例えば、ウェブペイジのある住所を表わすものです。

 Example:
 http://www.abacuss.com/HTML_help/index.html

ブラウザー画面のロケーション(Location)に表示される上のようなものがURLです。
http://www.abacuss.com/の後、umejam/index.htmlのローカル部分はリラティブURLと呼ばれ、 URLにはコンプリートURLとローカル部分だけを記述するリラティブURLと呼ばれる二つの記述の仕方があります。

  1. コンプリートURL (Complete or Absolute URL)
    インターネット上にパブリッシュするドキュメントを作る時に必要です。つまり全てのウェブ・サイト(ホームページ)にこのURLがあります。
  2. リラティブ URL(Relative URL or Partial URL)
    自分のサイト(ディレクトリー)内で他のページとのリンクを作る時にはリラティブ URLを使います。例えば、もしリンク先のドキュメントが同じフォルダー内にある別のファイルにリンクする時などはこのリラティブURLを使います。

URLの構造

URLは、プロトコル名、ホスト名、パス名、そしてファイル名で構成されています。
例えば、http://www.abacuss.com/html_help/index.htmlの場合は、

http://
この部分はプロトコル (protocol indicator)です。
これは情報の送り方(どの種類のプロトコル (protocol)を使っているのかを)サーバー伝えます。WWWではhttpというプロトコル名を使います。httpはHyper Text Transfer Protocolの略です。
プロトコル名は他にも沢山あります。 例えば、FTP (File Transfer Protocol)は ftp://です。あるいは、 e-mailの場合は mailto:です。
www.abacuss.com
サーバーのホスト名です。
ドキュメントがあるコンピューターの住所のようなものです。
HTML_help
パス名です。
ホストコンピューター上にあるドキュメントが入っているディレクトリー名(フォルダー名)です。
index.html
ファイル名です。
ディレクトリー(フォルダー)に入っているファイル名です。(プロバイダーから“フリー・ホームペイジ”と言われるようなサービスを受けている場合は、このファイル名はサーバーのディレクトリー内にすでに作られています。ファイル名は、index.html, default.html, homepage.html, のいづれかの場合が多いようです。)

URLの書き方

  1. コンプリートURL (Complete URL)
    これは、プロトコル・インディケイター、ホスト名、パス名/ファイル名を全て持つURLです。
  2. リラティブURL (Relative URL)
    これはコンプリートURLの最後の部分、パス名/ファイル名です。リンクを作る場合に使われますが、リラティブURLは、コンプリートURLと同じプロトコル名、同じホスト名の省略でなければなりません。

ウェブページ作成でリンクを作る場合は必ずこのリラティブURLを使うようになります。
例えば、今いるドキュメント(ファイル)のURLが次のようだとして、

http://www.abacuss.com/html_help/index.html

この "index.html"というドキュメントから、"html_guide"という同じフォルダーにある別のドキュメント、例えば "a.html" というファイルにリンクさせる場合のリラティブURLは、"a.html" となります。

リラティブURL:a.html
のコンプリートURLはhttp://www.abacuss.com/html_help/a.html です。

リラティブURL:img.html
が意味するコンプリートURLは:http://www.abacuss.com/html_help/img.htmlです。

ページ作成の側から言うと、"a.html" と"img.html"というファイル(ドキュメント)は "html_help"というフォルダーの中に"index.html"というファイル(ドキュメント)と一緒に入っていなければなりません。

リラティブURL:images/background.gif
のコンプリートURLは:http://www.abacuss.com/html_help/images/background.gifです。

この場合はディレクトリーが一つ深くなっています。"background.gif"というファイルは"html_help"というフォルダーの中にある"images"というフォルダーの中に入っていなければなりません。
ディレクトリーが深くなって行く場合はフォルダー名を書き足していけばいいわけですが、逆に戻したい場合、ディレクトリーを一つupさせたい場合はファイル名の前に"../"を付けます。

リラティブURL:../wilbur/br.html
のコンプリートURLは http://www.abacuss.com/wilbur/br.htmlです。

この場合は、"html_help"というフォルダー(ディレクトリー)から出て"wilbur"というフォルダー(ディレクトリー)の中にある"br.html"というファイルを指しています。

ここまでのリラティブURLの例は全て http://www.abacuss.com/html_help/index.htmlというURLをもつドキュメント(ファイル) "index.html"に対してのリラティブ (relative)URLです。
リラティブURLを使ってリンクを作る場合は、今いるドキュメント(ファイル)に対してリンク先のドキュメント(ファイル)のフォルダー/ファイルの位置関係を間違えず記述しなければなりません。


URLに関する詳しい情報:
http://www.w3.org/pub/WWW/Addressing/Addressing.html

URL specifications
ftp://ftp.funet.fi/pub/doc/rfc/rfc1738.txt (コンプリート URL)
ftp://ftp.funet.fi/pub/doc/rfc/rfc1808.txt (リラティブ URL)


Next page Previous page a table of contens Next: コメントの入れ方

[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

Copyright (C) 1997 Abacuss iconABACUSS LTD.
www.abacuss.com