Связывание с локальными поддоменами

Question

Я сделал панель навигации для своего веб-сайта, которая состоит из трех страниц, расположенных в одном каталоге.

1. index.php имеет 2 раздела: #donate и #info.

2. quiz.html - это всего одна страница.

3. contact.html - всего одна страница.

   На index.php мой Навбар работает отлично. Вот код:

<div class="w3-bar w3-black w3-card">
    <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="#" class="w3-bar-item w3-button w3-padding-large"><strong>HOME</strong></a>
    <a href="/quiz.html" class="w3-bar-item w3-button w3-padding-large w3-hide-small">QUESTIONAIRRE</a>
    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>     
      <div class="w3-dropdown-content w3-bar-block w3-card-4">
        <a href="#info" class="w3-bar-item w3-button">INFO</a>
        <a href="/contact.html" class="w3-bar-item w3-button">CONTACT</a>
        <a href="#donate" class="w3-bar-item w3-button">DONATE</a>
      </div>
    </div>
  </div>

Но когда я использую панель навигации на quiz.html, когда я нажимаю «ПОЖЕРТВОВАТЬ» или «КОНТАКТ», это не работает - требуется мне на quiz.html#, хотя "INFO" имеет тот же синтаксис и работает. Вот код для панели навигации quiz.html:

<div class="w3-bar w3-black w3-card">
            <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
            <a href="/index.php" class="w3-bar-item w3-button w3-padding-large">HOME</a>
            <a href="#" class="w3-bar-item w3-button w3-padding-large"><strong>QUESTIONAIRRE</strong></a>
            <div class="w3-dropdown-hover w3-hide-small">
                <button class="w3-padding-large w3-button" title="More">MORE <i class="fa fa-caret-down"></i></button>
                <div class="w3-dropdown-content w3-bar-block w3-card-4">
                    <a href="/index.php/#info" class="w3-bar-item w3-button">INFO</a>
                    <a href="/contact.html" class="w3-bar-item w3-button">CONTACT</a>
                    <a href="/index.php/#donate" class="w3-bar-item w3-button">DONATE</a>
                </div>
            </div>
        </div>

Та же проблема возникает в contact.html, где невозможно go «СВЯЗАТЬСЯ» или «ПОЖЕРТВОВАТЬ». Я пробовал использовать абсолютную ссылку. , но это не помогло.

(Вы можете посмотреть на проблему здесь , но у меня еще нет ssl-сертификата)

Как исправить ссылки?

Answer 1

Мне удалось это исправить, превратив все страницы (index, contact и quiz) в .php вместо .html. Думаю, между ними есть некоторая проблема с перекрестными ссылками.