问如何在HTML中创建模板？

EN

有几种方法可以做到这一点。

如果你仅仅使用超文本标记语言，那么你可以使用“服务器端包含”--这是一个允许你将文件加载到页面中的标签(参见http://en.wikipedia.org/wiki/Server_Side_Includes)。无论是谁托管你的网站，都必须支持这一点。

<!--#include virtual="../quote.txt" -->

如果您web主机恰好使用PHP，您可以使用include方法(请参阅http://php.net/manual/en/function.include.php)：

<?php include('path_to_file/file.htm');?>

这将包括您放置标签时的文件。但是，无论是谁托管你的网站，都需要支持这一点。

还有其他方法可以做到这一点，这是我使用的两种方法。

基本上，有三个地方可以做到这一点：

1. At构建时。运行一个将页面放在一起并输出静态HTML的脚本。然后将静态HTML上传到服务器。早在2013年，我就推荐了ttree，但现在static site builders很常见，功能也更强大。我的项目倾向于Gatsby (对于复杂的项目)和Metalsmith (对于简单的项目)。Jekyll非常流行( Github为在服务器上的GH Pages).
2. At运行时使用它提供了documentation。这可以是一个简单的SSI，一个PHP或一个完整的模板系统(有很多，包括Template Toolkit和mustache)，可能运行在一个include框架(比如Catalyst或Django)中。这是最常见的方法，它在进行更改和将结果生命周期置于客户端上的build time.
3. At运行时之间的时间较短。这增加了对客户端JavaScript ( can be fragile，对搜索引擎不友好)的依赖，所以除非你已经有了a server-side or build-time solution，否则我不推荐你这么做。例如，Gatsby是一个静态站点生成器，它构建了一个由静态页面支持的React前端。