【问题标题】:Navbar links with varying directory具有不同目录的导航栏链接
【发布时间】:2021-12-13 22:26:50
【问题描述】:
我的目录是这样的
image
为了在不同的 html 文件之间使用我的导航栏,我将它制作成一个单独的 html 文件并使用占位符将其插入到我需要的地方。问题是现在链接被扔掉了。
例如:当我在索引文件上时,链接<a href="index.html"></a> 可以正常工作。但是,当我在 about_us 文件中时,链接 <a href="index.html"></a> 会引发无法在目录中找到错误,因为它需要在链接前面出现 ../。
我拥有的任何 javascript 也不适用于 nav.html。
有什么建议?有没有办法创建链接并从根目录启动?
【问题讨论】:
标签:
html
directory
hyperlink
【解决方案1】:
要导航到正确的 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_files 或 html-files,而不是 html files。