Как установить ссылку root в html?

Question

У меня есть нижний колонтитул. html файл в каталоге root, т.е. example.com/default/, и я загружаю этот файл в другие html файлы. Теперь проблема в нижнем колонтитуле. html есть href, например

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

Когда он отображается в другом файле, как нижний колонтитул в

https://example.com/default/page1/index.html

Контактный href становится

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

Как я могу установить каталог root в нижнем колонтитуле. html, чтобы при отображении в page1 / index. html контактный href должен был выглядеть как

https://example.com/default/contact

не как

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

Ниже приведены ссылки в нижнем колонтитуле. html и этот файл находится в (Directory: https://surgehost.com/template/footer.html)

<ul class="list-unstyled">
              <li><a href="https://surgehost.co.uk/template/web-hosting">Web Hosting</a></li>
              <li><a href="https://surgehost.co.uk/template/domain-names">Search for a Domain</a></li>
              <li><a href="https://surgehost.co.uk/template/vps">Virtual Private Servers</a></li>
              <li><a href="https://surgehost.co.uk/template/ssl-certificates">SSL Certificates</a></li>
            </ul>

index. html (Каталог: https://surgehost.co.uk/template/vps)

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

</script>

Теперь в vps / index. html, когда я нажимаю на веб-хостинг, он перенаправляет меня на

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

, но он должен перенаправлять на полный URL-адрес, который я жестко запрограммировал

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

В чем может быть причина? Пожалуйста помоги. Я схожу с ума от этой проблемы.

Answer 1

У меня есть решение. Проблема заключалась в том, что файл, который я импортировал на другие страницы, находился в другом каталоге, а все остальные страницы находились в другом каталоге. Я переместил все файлы в root моего доменного имени, и ссылка стала от https://example.com/default до https://example.com и в нижнем колонтитуле. 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>

Answer 2

Используйте <a href="/default/contact">Contact</a>. Это будет использовать полный путь, начиная с root, являющийся https://example.com, что приведет к https://example.com/default/contact