如何在html中设置根链接？

我在根目录example.com/default/中有footer.html文件，并将该文件加载到其他html文件中。 现在的问题是footer.html中有类似的HREF

<li><a href="https://example.com/default/contact">Contact</a></li>

联系人href变为

https://example.com/default/page1/contact

如何在footer.html中设置根目录，以便在page1/index.html中呈现时，联系人href应该是

https://example.com/default/contact

不像

https://example.com/default/page1/contact

以下是Footer.html中的链接，该文件位于（目录：）

但它应该重定向到我提供的硬编码的完整URL

https://surgehost.co.uk/template/web-hosting

原因可能是什么？请帮忙。我在这个问题上发疯了。

使用

。这将使用从根开始的完整路径，即

https://example.com

，导致

https://example.com/default/contact

我找到了解决方案。 问题是我导入到其他页面的文件位于不同的目录中，而所有其他页面位于不同的目录中。 我已将所有文件移动到我的域名的根目录下，链接从

https://example.com/default

至

https://example.com

在footer.html中，我给出了如下链接，而不是绝对URL

<ul class="list-unstyled">
  <li><a href="../about/">About Us</a></li>
  <li><a href="../contact/">Contact</a></li>
  <li><a href="../services/">Our Services</a></li>
  <li><a href="../news/">News</a></li>
  <li><a href="../faqs/">Frequently Asked Questions</a></li>
</ul>

href=“/default/contact”还会导致当您在

href

属性中使用完整URL时，它将链接到该特定URL。不会根据您当前所在的目录更改URL。请将您的问题包含在您的实际代码中。甚至可以将直接链接发布到显示问题的（测试）网站，以便通过浏览器进行实时测试。是否有路由，默认情况下将联系人页面路由到第1页/联系人？没有路由。我用简单的HTML设计这个。重构页脚代码，将其写入单独的文件，并将其导入到每个页面，正如我在问题中提到的那样。@Uzarbinshaukat您提供的代码无法再现该问题。请将您的问题包含到问题所在站点的链接，或在浏览器开发人员工具部分显示网络流量（通常通过F12，但取决于浏览器）。它不会“神奇地”被重定向到不同的URL，只有当服务器这么说或其他客户端代码这样做时（如javascript或使用

标记）。这是我网站的链接，问题在页脚部分。在主页上，它可以正常工作，但任何其他页面都不能正常工作。请查查是怎么回事？非常感谢。

<div id="footer"></div>
<script>
    $(function(){
        $("#footer").load("/template/footer.html");
    });

</script>

https://surgehost.co.uk/template/vps/web-hosting

https://surgehost.co.uk/template/web-hosting

<ul class="list-unstyled">
  <li><a href="../about/">About Us</a></li>
  <li><a href="../contact/">Contact</a></li>
  <li><a href="../services/">Our Services</a></li>
  <li><a href="../news/">News</a></li>
  <li><a href="../faqs/">Frequently Asked Questions</a></li>
</ul>