引导菜单在多个html静态网页上重复出现

Question

我正在与基金会建立一个简单的静态网站。

我想知道如何在不重复每个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>

希望这能有所帮助。如果我能找到我找到这个解决方案的链接，我会试着给予信任。