サイト内検索
...HTML・XHTMLタグ...
リンク
絶対パス・相対パス
- [相対的パス]
- ファイルどうしの位置を基準として、
- ファイルから見てどこにあるかを指定する方法です。
- 自分のサイト内でのページからページにリンクさせる場合や
- イメージ(画像や音楽などのファイル)などを表示させるときは、
- 基本的には相対パスを指定します。
- [絶対的パス]
- ファイルの位置をインターネット上の一番もとになる位置から順番にたどって
- 指定する方法です。
- 「http://」から記述します。どこから指定しても位置は変わりません。
- 自分のサイト内ではなく、インターネット上にあるサイトやページ、
- イメージにリンクする場合は絶対的パスを指定します。
フォルダ内リンク
- [フォルダ内リンク]
- ホームページを作っていくと、自然にファイルやフォルダが増えてくるので、
- 必要なファイルのある位置(場所)を示すことが、必要になってきます。
- そのときの位置関係のことです。
- 一つでも位置関係を間違えると、ページ・画像・音楽などは表示されません。
- 指定方法
- フォルダを移動するたびに 「/ 」を入れます。
- 上のフォルダに上がるたびに「 ../ 」を加えることを意識して、
- ファイルの指定をしてみてください。
- HOME(index)のフォルダの中を、「家系図」のように書いてみると、わかりやすいです。
- 何度かしていくうちに、なんとなくわかってきます。
- ディレクトリ=パソコン上のフォルダのようなものです。(場所・位置)
フォルダのある場所 | 使用例 |
---|---|
同じフォルダ内に
ある場合 |
何も指定しないで、ファイル名だけ
例: sample.jpg |
1つ上のフォルダ内に
ある場合 |
../(ドット2回、スラッシュ1回)
例: ../sample.jpg |
2つ上のフォルダ内に
ある場合 |
../../
例: ../../sample.jpg |
そのフォルダ内に
ある場合 |
フォルダ名/
例: img/sample.jpg |
1つ上の階層にある
フォルダ内にある場合 |
../フォルダ名/
例: ../img/sample.jpg |