Css 引导菜单在几个html静态网页上重复 我正在用基础构建一个简单的静态网站。

Css 引导菜单在几个html静态网页上重复 我正在用基础构建一个简单的静态网站。,css,menu,static,zurb-foundation,Css,Menu,Static,Zurb Foundation,我想知道如何在不重复每个html页面上的菜单代码的情况下编写站点的菜单导航(这样以后维护起来就更容易了)?我可以在菜单中包含Javascript,但我无法更改每个菜单项的导航类外观(例如:突出显示“关于我们”) 或者有没有一个工具可以帮助在纯静态网站上维护一个大的菜单项?事实上,我最近刚刚试图弄清楚这一点,尽管我最终使用了PHP。如果您想使用PHP,以下是我使用的代码片段: 创建一个函数 <?php function echoActiveClass

我想知道如何在不重复每个html页面上的菜单代码的情况下编写站点的菜单导航(这样以后维护起来就更容易了)?我可以在菜单中包含Javascript,但我无法更改每个菜单项的导航类外观(例如:突出显示“关于我们”)


或者有没有一个工具可以帮助在纯静态网站上维护一个大的菜单项?

事实上,我最近刚刚试图弄清楚这一点,尽管我最终使用了PHP。如果您想使用PHP,以下是我使用的代码片段:

创建一个函数

            <?php

        function echoActiveClassIfRequestMatches($requestUri) {
            $current_file_name = basename($_SERVER['REQUEST_URI'], ".php");

            if ($current_file_name == $requestUri)
                echo 'class="active"';
        }

        ?>

然后,将这些添加到您的
  • 标记中:

    <li <?php echoActiveClassIfRequestMatches("about-us")?>>
                        <a href="about-us.php">About Us</a></li>
    

    退房或谢谢,但这两个似乎只在MAC上起作用。