我的链接不起作用

Question

所以我的问题是，当我将文件上传到服务器时，链接停止工作。当我打开一个 html 页面并单击我不知道这些链接发生了什么的链接时，它们工作得很好。这是我的链接，我看不出有什么问题。

HTML：

<a href="javascript:history.back()">
  <img class="back" src="images/back.png" alt="Back">
</a>

<a href="file:///Users/RyanGlass/Desktop/public_html/home.html">
  <img class="home" src="images/Home.png" alt="Home">
</a>

<a href="file:///Users/RyanGlass/Desktop/public_html/links.html">
  <img class="links" src="images/links.png" alt="links">
</a>

<a href="file:///Users/RyanGlass/Desktop/public_html/summary.html">
  <img class="summary" src="images/summary.png" alt="summary">
</a>

<a href="file:///Users/RyanGlass/Desktop/public_html/Index.html">
  <img class="contact" src="images/contact.png" alt="contact">
</a>

Answer 1

在服务器上不会有这样的路径：

<a href="file:///Users/RyanGlass/Desktop/public_html/home.html">

因此您可以/必须设置相对或绝对路径。在服务器上，您很可能没有路径 file:///Users/RyanGlass/Desktop/

绝对路径引用根目录，所以：

<a href="/home.html">

或

<a href="http://your-domain.com/home.html">

或者像在你使用relative 路径的cmets 中指出的那样。相对路径具有对它们所使用的当前目录的引用。类似于：

<a href="home.html">