如何模板化HTML代码并在多个HTML文件中使用它?

时间:2014-04-03 03:44:56

标签: html

不确定这是否是此问题的最佳位置。

有没有办法模拟HTML代码块,然后在多个HTML文件中重复使用它。 我知道你可以用PHP包括。

但现在的行业标准是什么? 我听说过把手和小胡子。这些是用于此目的的工具吗?

Jekyll和Middleman试图做什么?什么是静态站点生成器?

请参阅上述问题,这将解决我的问题?

1 个答案:

答案 0 :(得分:1)

现在有很多模板引擎可以使用。 Mustache和Handlebars都是带有不同语言端口的模板库。还有许多其他模板引擎:http://en.wikipedia.org/wiki/Comparison_of_web_template_engines

要使用的库取决于您的需求。 Mustache强调无逻辑模板。这意味着您应该尝试最小化模板中条件语句(if / else)的数量。通常,使用条件if / else来确定要呈现的内容。其他库如Handlebars允许逻辑。选择正确的库将归结为应用程序要求,您希望如何使用模板,谁将维护它们,以及您正在为您的应用程序使用的语言。

Jekyll,Middleman,Pelican和其他静态站点生成器使用模板引擎来帮助您生成静态站点。为这些系统编写主题时,可以使用指定模板引擎的语法编写主题模板。例如,Jekyll使用Liquid模板引擎,而Pelican使用Jinja2。静态站点生成器的开始是为了降低博客和网站中数据管理的复杂性。使用其他一些博客平台,您的帖子和内容将存储在数据库中。这使得迁移您的工作并将其备份变得更加复杂,尤其是如果您没有对所使用的博客平台的深入技术知识。使用静态站点生成器,您可以使用Markdown等简单文件格式在文本编辑器中编写所有内容。要创建网站,您只需使用基本配置文件配置系统,并遵循建议的项目结构。

编写内容后,静态网站生成系统可以自动为您构建网站文件夹,从而简化部署。这通常通过某种脚本/自动化来完成。所有内容都内置于静态.html和.css文件(.js和图像文件,如果你有的话)。这也可以提高页面加载速度,因为浏览器可以缓存静态资源,并且每个页面请求的服务器上没有多少操作。

使用静态网站生成器还可以帮助您配置管理内容的方式。模板引擎将更多地用于呈现内容。由于渲染内容是您管理内容的一个子集,因此大多数静态站点生成器都将与模板引擎打包在一起。