More than 5 years have passed since last update.

HTMLに書くURI

Last updated at 2020-05-19Posted at 2020-04-21

基本的なことなのに

なんとなくで動いていたのだが、改めて調べて”へぇ”となったので。
お恥ずかしい。
基本的にはJSでのajax(xhr,fetch)とかでも同じこと

前提
こんなHTMLにアクセスしているとする
http://localhost/test/test.html

  <a href="relative.html">LINK</a>
  <a href="./relative.html">同階層へのリンク</a>
  <a href="../relative.html">一つ上の階層へのリンク</a>

この時今のディレクトリ階層から相対パスとなり

一つ目、二つ目のリンク先は
http://localhost/test/relative.html
になる

三つ目のリンクは一つ上の階層を指すので、こんな感じになる。
http://localhost/relative.html

  <a href="/absolute.html">LINK</a>

この時リンク先はホスト名からの絶対パスとなり
http://localhost/absolute.html
になる

  <a href="http://localhost/url/url.html">LINK</a>

この時リンク先はそのままURLで扱われるので
http://localhost/url/url.html
になる

これまで意識してこなかったけど、
こうなってるらしい。