在所有页面上使用单个导航栏，而不处理它？

Question

是否可以在所有页面上使用相同的导航栏，而无需复制和粘贴代码。基本上我想要这个：

<nav class="navbar navbar-default">
        <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="login.html">Login</a></li>
            <li><a href="register.html">Register</a></li>
        </ul>
    </nav>

在所有三个页面上（主页，登录，注册）。没有应对和粘贴代码。

Answer 1

您可以使用Javascript框架来帮助您实现这一目标。

Angular JS等Javascript框架提供了帮助您实现此目的的功能。

Answer 2

许多模板系统允许您嵌套或继承模板。例如，您将导航栏放在主模板中，然后在所有页面上继承所述模板。 Jade和Jinja是我想到的两个。

如果您没有使用任何类型的模板系统，您仍然可以使用您正在使用的任何语言拼凑HTML文件，但这会有点混乱。例如，读入多个HTML文件，连接它们，然后将它们提供给客户端。

最后但并非最不重要的是，您可以动态地将导航栏添加到页面，只需在希望导航栏显示的所有页面上包含相同的脚本。

最终，您最好的选择是使用模板系统，因为它可以非常有效和干净地为您处理这样的事情，但即使没有模板系统，您仍然可以管理，而不是干净利落。