导航栏链接

时间:2017-02-05 01:13:43

标签: html css

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

必须有更好的方法来做到这一点 - 怎么样? 我使用括号代码。

1 个答案:

答案 0 :(得分:0)

这是您进入下一级开发的地方,非常令人兴奋:)

模板引擎完全用于此。

假设您有一个想要在20多个页面上拥有的导航组件,您不希望每次要修改它时都更改每个实例,对吗?

如果你使用模板引擎,你可以创建一个导航组件,让我们称之为nav.html,然后在你的基础模板中调用它...称之为main.html你可以渲染nav.html它就像你在main.html ..

中编写代码一样

但是,如果您想要更改某些内容,您只需在nav.html中更改一次,它就会自动更改。

如果这没有意义,那就没关系。

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

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

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

我希望这有助于并引导您采用新的思维方式,这是一个重要的步骤,但确实值得。

享受! :)

修改

我发现的另一个很好的纯HTML模板引擎是PureJS,也看看这个!