导航栏链接

Question

我看过很多关于如何创建导航栏的教程，我已经掌握了基础知识，但没有一个解释是如何将它们链接到具有相同导航栏但内容不同的页面。现在，对于栏链接，我正在将页面的代码复制并粘贴到另一个 html 文件中并更改内容，但这非常低效，因为如果我想更改栏中的某些内容，我必须通过每一个文件。

必须有更好的方法来做到这一点 - 怎么做？ 我正在使用括号来编码。

Answer 1

这是您进入下一个发展阶段的地方，这非常令人兴奋:)

模板引擎正是用于此目的。

假设您希望在 20 多个页面上拥有一个导航组件，您不会希望每次修改它时都更改每个实例，对吧？

如果你使用模板引擎，你可以创建一个导航组件，我们称之为nav.html，然后在你的基础模板中......称之为main.html，你可以渲染nav.html，就像你写的一样main.html..中的代码。

但是，如果您想更改某些内容，您只需在nav.html 中更改一次，它会自动在其他任何地方更改。

如果这没有意义，那也没关系。

Dust 是一个很棒的引擎，您可以开始学习。它将允许您创建更多动态的应用程序和网站，并且当您有很多页面时，模板将变得非常有用。

您可以开始阅读文档here，并尝试了解模板引擎的基本原理。如果你选择不喜欢 Dustjs，看看这个：https://garann.github.io/template-chooser/

它会根据您的确切需求告诉您使用什么！

我希望这对您有所帮助并引导您找到一种新的思维方式，这是一大步，但真的很值得。

享受吧！ :)

编辑

我发现的另一个不错的纯 HTML 模板引擎是 PureJS，也看看这个！