有条件地链接到其他HTML页面

时间:2019-09-19 06:01:54

标签: html css hyperlink

我是HTML/CSS的新手,在这个项目中,我打算创建一个简单的网页,使每个页面都链接到另外三个HTML页面。

<div id="mySidenav" class="sidenav">
    <a href="homePage.html" id="homePage">Home Page</a>
    <a href="about.html" id="about">about</a>
    <a href="projects.html" id="projects">Projects</a>
    <a href="contact.html" id="contact">Contact</a>
</div>

我的问题

  1. 是否可以通过页面链接到页面本身以外的其他页面 编程(编写page_name == link.html,然后将其从 链接)?例如,我想告诉我的HTML,如果我在“关于” 页面,请勿将链接添加到此页面。
  2. 如果可能的话,如何不使用JS来填充自链接按钮。

2 个答案:

答案 0 :(得分:0)

是的,有可能。首先,您必须了解PHP。然后通过$_SERVER['REQUEST_URI']获取当前页面的URL。 如果当前页面的网址与您的链接(如about.html)匹配,则忽略同一当前页面的链接。

否则,您可以使用忽略链接创建单独的页面。就像您在about页面时忽略该链接一样。

答案 1 :(得分:0)

简短的回答是“否”。 HTML不是一种编程语言,没有流控制或逻辑功能。您可以通过服务器端呈现(expressphp等)或通过静态网站生成(gatsby等)来实现。

否则,您可以(当然)相应地修改每个页面上的导航,但是我理解并同意,这不理想。

这有点麻烦,但是您可以链接到homePage.html#homePage并使用CSS :target pseudo-selector来隐藏当前项目或对其进行特殊的CSS处理,但这有点脆弱,而且如果浏览器的网址中没有该片段(#homePage, #projects等),它将崩溃。

相关问题