フォルダ再編で、ローカルHTMLの相対リンクが切れた

手元のHTMLを分野ごとのフォルダへ整理したら、ページ間のリンクがまとめて切れました。../別分野/index.html のように、今いるファイルからの位置でリンクを書いていたためです。

ファイルを移すと、リンクに必要な ../ の数も変わります。今後もフォルダ構成を直す前提だったので、置き場所を基準にするリンクをやめることにしました。

フォルダ再編でリンクを壊さず、別の端末でも同じHTMLを開けるようにするため、/common/style.css のように、サーバが公開するフォルダを基準に書くURLへ変えました。

端末内の絶対パスは、Google Driveの同期先が端末ごとに違うため使えません。このURLも、HTMLファイルを file:// で直接開く方法では、プロジェクトのフォルダを基準にできません。

そこで、自分のPC内だけで動くサーバを用意し、自分のPCを指す 127.0.0.1 のURLで開く形へ変えました。使っていたWindows環境では、WindowsにあるPowerShellと.NETだけで動かせました。