模板引用

一个项目中总有一些页面代码是可以共用的，我们可以将其抽取出来，然后再在其他地方引用它。

1. 引用页面

可以使用 #include 语法来在一个页面中引用了一个页面中的内容。

例如视图根目录下有一个文件夹叫 demo，其下有两个子文件 index.html 和 refer.html。

假如在 index.html 中需要引用 refer.html 中的全部内容。则在 index.html 中可以这样写：

<!-- #include refer -->

或者

<!-- #include /demo/refer -->

前者是基于 index.html 的相对路径，后者是基于视图根目录的相对路径。

2. 定义片段

对于一些比较短的公共可复用内容，如果都用一个 HTML 文件放置可能会显得太多文件了。

这个时候我们可以在一个 HTML 文件定义若干个片段，那么引用方就可以只引用这个文件中的这一片段即可。

定义模板片段也很简单，还是上面的例子，我们在 refer.html 中定义两个文件片段分别叫 f1 和 f2 ：

<!-- #fragment f1 -->
Text in f1.
<!-- #endfragment -->

<!-- #fragment f2 -->
Text in f2.
<!-- #endfragment -->

可以看到，我们使用 #fragment，#endfragment 定义模板片段。

#fragment 后接的内容就是片段的名称。

3. 引用片段

定义了片段，现在我们就可以只引用文件中的片段了。

语法与引用页面差不多，只不过在文件名后使用井号 # 接片段名的方式指定引用哪个片段。

示例如下：

<!-- #include /demo/refer#f1 -->