相対パスで一階層上にあるファイル情報を表示させたい。

前提・実現したいこと

初めての質問になりますので、至らない所があると思いますが、その際はご指摘ください。

相対参照の勉強をしています。
本学習では
❶index.html
❷test.html
❸sub.html
の３つのデータを使用して、三者からそれぞれ相対参照で行き来が行えると言う内容です。

発生している問題・エラーメッセージ

❶のブラウザから❷または❸へ
❷のブラウザから❶または❸へ
この２つは問題なく参照できましたが、❸のブラウザから❶または❷への参照だけうまく出来ません。

❶、❷と異なり、❸のみは「../」を使った一階層上のファイル情報を表示させるコードなので、恐らくここの表記の仕方がどこかしら誤っているのだと思われます。

（ファイル階層はこのような形です。）

❸sub.htmlをブラウザで開いた場合

該当のソースコード

❶Index.html

HTML
1<!doctype html>
2<html　lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>HTMLの練習</title>
6  </head>
7  <body>
8  	<p>このページはindexです。</p><br>
9    <a href="test.html">test</a>
10    <a href="try/sub.html">sub</a>
11 </body>
12</html>

❷test.html

HTML
1<!doctype html>
2<html　lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>HTMLの練習 | test</title>
6  </head>
7  <body>
8  	<p>このページはtestです。</p><br>
9    <a href="index.html">index</a>
10    <a href="try/sub.html">sub</a>
11 </body>
12</html>

❸sub.html(今回正常に参照したいコード）**

HTML
1<!doctype html>
2<html　lang="ja">
3  <head>
4    <meta charset="UTF-8">
5    <title>HTMLの練習 | sub</title>
6  </head>
7  <body>
8  	<p>このページはsubです。</p><br>
9    <a href="../index.html">index</a>
10    <a href="../test.html">test</a>
11 </body>
12</html>

ご回答いただければ幸いです。

追記　　ページのソースを表示画面

stdio

2020/11/03 03:27

"../try/sub.html" で出来たりしないでしょうか？

otn

2020/11/03 05:33

sub.htmlを表示している時のブラウザのアドレスバーは、 /1028/try/sub.html になっていますか？「ページのソースを表示」で意図したHTMLが表示されますか？

m.ts10806

2020/11/03 09:04

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564

Apomb

2020/11/05 04:03

stadio様ご回答ありがとうございます。 <!doctype html> <html　lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの練習 | sub</title> </head> <body> このページはsubです。 <a href="../index.html">index</a> <a href="../test.html">test</a> </body> </html> この内、どの場所を「"../try/sub.html"’」にするという事ですか？

Apomb

2020/11/05 04:17

otn様　ご回答ありがとうございます。ブラウザのアドレスバーは「file:///Users/apple/Desktop/プログラミング/HTML/4%20%20%20%20HTMLのリンク/２%E3%80%80相対パスと絶対パス/練習/1028/try/sub.html」となっており、仰っている「/1028/try/sub.html」の表示はされていると思われます。「ページのソースを表示」で確認したところ、恐らく意図したHTMLが表示されていると思われます。質問欄にページソース表示のスクリーンショットを添付いたしました、

Apomb

2020/11/05 04:36

m.ts10806様ご指摘ありがとうございます。修正いたしました。初めての質問になりますので、次回以降マークダウンのコード機能を使って提示致します。

itzuakniami123

2020/11/09 09:05

ファイル階層を一緒にして検証してみましたが、問題なく遷移できたのですが…。途中で記述を変更したのなら、キャッシュが残っている場合もあるので再読み込みしてみてください。

HHH-

2020/11/09 13:40

はぅｗ私も同じくできました。。。多分だけどブラウザーのキャッシュが残ってる状態だと思うの。コントロールキー（Ctrl)　と　Rキーを同時に押して今開いてるページをリロードしてみてください

HHH-

2020/11/09 13:42

念のためこちらで書いたコードも記載しておきます。ーーーーーーーーーindex <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの練習</title> </head> <body> このページはindex(1)です。 <a href="test.html">test(2)</a> <a href="try/sub.html">sub(3)</a> </body> </html> ーーーーーーーーーーーーーーーtest <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの練習 | test</title> </head> <body> このページはtest(2)です。 <a href="index.html">index(1)</a> <a href="try/sub.html">sub(3)</a> </body> </html> ーーーーーーーーーーーーsub <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの練習 | sub</title> </head> <body> このページはsub(3)です。 <a href="../index.html">index(1)</a> <a href="../test.html">test(2)</a> </body> </html>