Относительная ссылка не работает

Question

Я работаю над проектом, и я использую bootstrap. Я настраиваю навигационную панель. Это код для одного элемента в моей навигационной панели.

<li class="active"><a href="/aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li> 

Когда я загружаю index.html вместо того, чтобы указывать его в 'C:/Users /.../ about.html' он, указывая на "файла: /// C:/ABOUTUS. html '. Очевидно, я получаю ошибку 404 здесь.

Теперь, когда я изменить код на:

<li class="active"><a href="../project/aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li> 

Это теперь указывает на нужное место, и я могу получить доступ к странице.

Что происходит?

Редактировать: Да, я запускаю его локально. То же самое происходит с каждым файлом здесь и в остальной части файловой системы. Дерево файлов:

../project/aboutus.html 
../project/index.html 
../project/css/<contains standard bootstrap files> 
../project/fonts/<contains standard bootstrap files> 
../project/js/<contains standard bootstrap files> 

Редактировать2: Он также работает нормально, если я просто добавляю одну точку перед относительным путем. Например:

<li class="active"><a href="./aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li> 

Answer 1

Ссылки, начинающиеся с символа «/», являются абсолютными путями. В вашем случае вы должны удалить его. Попробуйте с: <li class="active"><a href="aboutus.html"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> About</a></li>