リンクのパス

HP(ホームページ)を作る場合、リンクのパスというのは覚えておかないとマズイですね。 HP(ホームページ)を作る以上、リンクというのは必ず発生するものですから。

まず、パスには2種類有り、「絶対パス」と「相対パス」の2つがあります。

絶対パスというのはHP(ホームページ)のアドレス全部。例えばYahooだと、
http://www.yahoo.co.jp/
というのが絶対パスになります。

絶対パスは外部(自分のサイト外)にリンクする場合でも、自分のサイト内にリンクする場合でもどちらでも使えます。

相対パスというのは、外部にリンクする場合には使えません。 自分のサイト内限定で使用できます。

相対という名前の通り、自分の場所から見て対象のファイルは何処に居るのか?という方式でリンクするのです。

パス説明画像

左記の画像のようにサイトが構成されていたとします。
この場合、それぞれを相対的に見た時のパスを書いてみますね。

現在位置対象ファイル相対パス
index.htmltest.htmltest/test.html
index.htmltest2.htmltest2/test2.html
test.htmlindex.html../index.html
test.htmltest2.html../test2/test2.html
test2.htmlindex.html../index.html
test2.htmltest.html../test/test.html

このように、上の階層に戻る時は「../ファイル名」を入れ、下の階層に行く時は「フォルダ名/ファイル名」となるのです。



実際に作ってみよう

タグ打ちのススメ
ホームページの作り方
スタイルシートも使ってみよう
リンクのパス
著作権とコピーライト

▲このページのトップに戻る

幸せなお金持ち
Webノウハウ・ラーニングコース

当サイトは上記の「Webノウハウ・ラーニングコース」の正規パートナーサイトです。 私の紹介で購入すると10%OFFになります。

w6669」←が私のギフトナンバーですので、 ご購入の際には是非お使いください♪

Webノウハウ講座の感想

【PR】 釣具販売【楽天】  ルアー・フィッシング【楽天】