HTML锚不跟随相对链接

Question

I have two local pages, one called Index.html https://pastebin.com/wA1Y1WC0

And another called biographies.html https://pastebin.com/PBeW2hz8

The folder structure is Project1 for the root, which contains Index.html and a folder there called members that contains biographies.html.

When I follow the link:

 a href="members/biographies.html/#John_Lewis"

and then try

a href="../Index.html"

The link back to Index does not work.

However, if I open biographies.html directly the link back to Index does work. I am restricted to using relative paths, and I have tried changing the path on the biographies page multiple times, including ../Index.html AND /Project1/Index.html to no avail. Can anyone give me a pointer as to why this doesn't work? I've asked my teacher and we are both stumped. Thanks!

Answer 1

When you serving from the file system, a link to /file.html means to look in the root of the drive for a file.html .

When dealing with a webpage served by the file system, you should only use relative links.

You also had a stray slash after the file name, remove that

/root/Index.html => <a href="members/biographies.html#John_Lewis">
/root/members/biographies.html => <a href="../Index.html">