Q&A
教えていただきたいこと
htmlファイルのソース内にどう考えても上位階層へのリンクの「../」が省略されているものがありました。
（とあるサイトをコーディング模写の練習中）
該当サイトはブラウザ上で問題なく表示されていました。
技術的に可能なのでしょうか?
可能であれば仕組みを教えていただきたいです。
よろしくお願いします。
該当のソースコード
<!DOCTYPE html> <head> <link rel="stylesheet" href="/A/css/style.css" type="text/css"/> </head> <body> <img src="imgs/img.jpg"> </body> </html>
ファイルの階層
public_html
├ A
│ └css
├ B
│ └index.html
│ └ imgs
疑問点
本来「../」と記入しないと読み込めないと思うのですが、
どういう仕組みで問題なく読み込んでいるのでしょうか??
■質問のコード
<link rel="stylesheet" href="/A/css/style.css" type="text/css"/> ↓ ■本来 <link rel="stylesheet" href="../A/css/style.css" type="text/css"/>
回答1件
0
ベストアンサー
以下、otnさんのご指摘を加えて、修正しております。
ご指摘ありがとうございました。
「URL（URI）」と「パス」の混同があるようです。
HTML中のパス指定URL指定は以下の方法があります。
絶対URL
URL(「scheme://server(domain)/path/resource」の形式)をすべて記述する。
scheme(スキーマ)：どうファイルにアクセスするか
server(サーバ): __resource__のあるコンピュータの名前
path(パス): ターゲットとなる__resource__までのディレクトリの連なり。__resource__がなければ、最後のディレクトリがターゲットになる。
resource(リソース): ターゲットになるファイルその他
HTML
1<img src="http://sample.com/imgs/img.jpg"> 2<img src="https://sample.com/imgs/img.jpg">
相対URL
URLのうち「path」と、必要に応じて「resource」の部分を記述する。
以下のものがある。
俗に「相対パス」と呼ばれる相対URL
そのHTMLからの相対位置に一致する。
HTML
1<img src="imgs/img.jpg"> 2<img src="./imgs/img.jpg"> 3<img src="../imgs/img.jpg">
俗に「絶対パス」「ルートパス」「ルート相対パス」と呼ばれる相対URL
URL(scheme://server/path/resource)のうち、「path」「resource」部分すべてを記述する。
そのサイトのルートディレクトリからの相対位置に一致する。
HTML
1<img src="/imgs/img.jpg">
その他
絶対URLは「scheme」を含んだ形式なので、
定義上、それを省略した「//server(domain)/path/resource」は相対URLに該当する。
HTMLを書くことだけを考えるなら、この書式は、「httpかhttpsか確定できないけど、ドメインからURL書きたい」ときに使えばいいと思います。
参考資料
https://docs.microsoft.com/en-us/sql/ado/guide/data/absolute-and-relative-urls?view=sql-server-2017
投稿2018/11/24 07:40
編集2018/11/24 14:10
総合スコア1260
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/24 11:50
2018/11/24 12:04
2018/11/24 13:03
2018/11/24 13:44 編集