Php Css Html JavaScript-导航突出显示当前选定菜单

Php Css Html JavaScript-导航突出显示当前选定菜单,php,javascript,html,Php,Javascript,Html,我认为这个问题很简单,但我不知道我是否正确。 我是一个oldschoool html、php程序员。 我想使用这种导航: 到目前为止没有问题。我有一个动态php页面,我想使用这个菜单。 HTML部分中没有这一行是没有问题的: <li><a href="" title="" class="current"><span>LINK</span></a></li> 但我认为这不是最明智的方式。还是我说得对? 谢谢给每个页面的

我认为这个问题很简单,但我不知道我是否正确。 我是一个oldschoool html、php程序员。 我想使用这种导航:

到目前为止没有问题。我有一个动态php页面,我想使用这个菜单。 HTML部分中没有这一行是没有问题的:

  <li><a href="" title="" class="current"><span>LINK</span></a></li>
但我认为这不是最明智的方式。还是我说得对?
谢谢

给每个页面的主体标签一个ID。比如说,你给About页面的主体标签一个ID“About”。为您的所有导航也提供ID。比方说,您给导航提供了“关于”id
  • 在CSS文件中,执行以下操作:

    body#about li#about {
       // apply differentiating style here...
    }
    

    您也可以在所有其他页面上继续这样做。只有当主体ID和
  • ID匹配时,才会应用样式。

    有很多选项

    您可以使用会话cookie、JavaScript,您可以在url的末尾传递id(例如?nav=2),或者解析url并检查它


    他们都在工作。。。他们都有各自的优点和缺点。。。这取决于页面的设置方式…

    问题是,我只有一个包含动态内容的php页面。我怎样才能给这个页面正确的主体id?你可以解析URL。Chuck的扩展名,并使用文件名作为ID?用php解析,就像我说的?没有比这更聪明的方法了,是一个页面,而你正在更改页面上的内容吗?或者这些是不同的页面?如果是前者,听起来像。。。你可以使用cookie,一些脚本。。。或者,如果url更改/传递的变量,您可以对照/解析它。如果是后者,那么我会在触发任何头信息之前使用一个变量,然后从那里开始。。。这取决于你的设置。
    body#about li#about {
       // apply differentiating style here...
    }