我已经看过许多有关如何创建导航栏的教程,但基础知识不多,但是其中没有一个解释是如何将它们链接到具有相同导航栏但内容不同的页面。现在,对于条形链接,我将页面的代码复制并粘贴到另一个html文件中并更改内容,但这效率很低,因为如果我想更改条形中的某些内容,则必须经过每个文件。
必须有更好的方法来做到这一点-如何?
我使用方括号编码。
最佳答案
这是您进入下一个开发阶段的地方,这非常令人兴奋:)
模板引擎正是用于此目的。
假设您有一个要在20多个页面上使用的导航组件,那么您不想在每次修改时都更改每个实例,对吗?
如果使用模板引擎,则可以创建导航组件,将其命名为nav.html
,然后在基本模板中。将其命名为main.html
,则可以呈现nav.html
,就像在其中编写代码一样。 main.html
..
但是,如果要更改某些内容,只需在nav.html
中进行一次更改,它将自动在其他所有位置更改。
如果这没有意义,那就很好。
灰尘是您可以开始学习的强大引擎。它将允许您创建更多动态的应用程序和网站,而当您拥有许多页面时,模板则无济于事。
您可以开始阅读文档here,并尝试了解模板引擎的基本原理。如果您选择不喜欢Dustjs,请查看以下内容:https://garann.github.io/template-chooser/
它将根据您的确切需求告诉您使用什么!
我希望这会有所帮助并引导您采取新的思维方式,虽然迈出了一大步,但确实值得。
请享用! :)
编辑
我发现的另一个很好的纯HTML模板引擎是PureJS,也可以看看这个!