具有不同目录的导航栏链接

Navbar links with varying directory

我的目录是这样的 image

为了在不同的 html 文件之间使用我的导航栏,我将其制作成一个单独的 html 文件并使用占位符将其插入到我需要的位置。问题是现在 links 被扔掉了。 例如:当我在索引文件上时,link <a href="index.html"></a> 没有问题。但是,当我在 about_us 文件中时,link <a href="index.html"></a> 会抛出无法在目录中找到的错误,因为它需要 link 前面的 ../。 我的任何 javascript 也不适用于 nav.html。 有什么建议么?有没有办法创建 links 并从根目录启动目录?

要导航到正确的 HTML 文件,您必须传递 HTML 文件的完整路径。

例如:如果您的应用程序在 https://localhost:8080 中是 运行,那么您必须按以下方式传递完整路径:

<a href="http://localhost:8080/root/index.html">Home</a> 
<a href="http://localhost:8080/root/html-files/about_us.html">About Us</a>

或者如果您直接在浏览器中打开 HTML 文件而不使用任何服务器,则传递项目文件夹的完整路径,如下所示:

<a href="file:///C:/Users/.../your-project-name/root/index.html">Home</a> 
<a href="file:///C:/Users/.../your-project-name/root/html-files/about_us.html">About Us</a>

注意:始终使用带连字符 - 或下划线 _.

的文件或文件夹名称

例如:将您的文件夹名称重命名为 html_fileshtml-files

而不是 html files