导航栏的相对路径

Question

使用Dreamweaver整个文件在finalgate文件夹中，我有名称GATE文件夹，我有一些php文件，我用导航栏连接这些文件（导航栏位于文件夹命名为common）

<li class="nav"> <a class="drop-nav-link" href="gate/gate-preexam-eligibility.php">Eligibility</a> </li> 

<li class="nav"> <a class="drop-nav-link" href="gate/gate-preexam-qualifyingdisciplines.php"> Qualifing Disiplane </a> </li> 

。 的导航代码小部分

有一个名为栅极菜单，根据该子菜单预考试，预考试下有一个子菜单命名为合格，当我点击它与连杆http://localhost/finalgate/gate/gate-preexam-eligibility.php

打开

但是从这个页面，当我去到考前的另一个子菜单称为qualifing disciplane链接显示什么和链接自动额外门来

链接http://localhost/finalgate/gate/gate/gate-preexam-qualifyingdisciplines.php 它显示未找到。

任何人都可以帮助我解释如何正确给出路径，我是这个领域的新手。

Answer 1

看看你的href属性是gate/gate-preexam-qualifyingdisciplines.php？这就是我们所说的相对URL。我们这样称呼它，因为它会告诉你连接到的页面的URL与关联的页面的URL。也就是说，如果我们位于http://localhost/finalgate/index.php之类的某个页面上，它会将您的href附加到路径的最终文件夹之后的当前页面的URL中。在这种情况下，当您点击您的合格Disiplane链接时，您的a元素将链接到http://localhost/finalgate/gate/gate-preexam-qualifyingdisciplines.php，因为当前位置的最终文件夹是http://localhost/finalgate/。

然而，从http://localhost/finalgate/gate/gate-preexam-eligibility.php链接到同一href时，你a元素将链接到不同的URL，因为在这种情况下，最后的文件夹是http://localhost/finalgate/gate/，让您完整的目标网址http://localhost/finalgate/gate/gate/gate-preexam-qualifyingdisciplines.php。

要解决此问题，请将绝对URL（http://localhost/finalgate/gate/gate-preexam-qualifyingdisciplines.php，而不是gate/gate-preexam-qualifyingdisciplines.php）替换为您的href属性。这样，无论您目前在使用什么网页，您的链接都会始终链接到相同的网址。