css - 引导菜单在几个 html 静态网页上重复

Question

我正在用 Foundation 构建一个简单的静态网站。

我想知道如何在不重复每个 html 页面上的菜单代码的情况下对站点的菜单导航进行编码（因此将来更容易维护）？我可以在菜单中包含 Javascript，但我无法更改每个菜单项的导航类外观（例如：突出显示“关于我们”）。

或者是否有一种工具可以帮助在纯静态网站上维护大型菜单项？

Answer 1

实际上，我最近只是想弄清楚这一点，尽管我最终使用了 PHP。如果你想使用 PHP，这是我使用的以下代码段：

创建一个函数

            <?php

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

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

        ?>

然后，将这些添加到您的<li>标签中：

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

希望这可以帮助。如果我能找到找到此解决方案的链接，我会尽力给予信任。