怎么在html中include一個(gè)另外一個(gè)html內(nèi)容

首先歡迎大家提供js前端模板引擎，簡單的說就是一個(gè)html頁面包含另外一個(gè)頁面，比如頁面的頭部和尾部，大部分頁面都包含這兩部分，又不想將代碼復(fù)制到每個(gè)功能頁面當(dāng)中去。

<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">

<title>
  {% if page.layout == "home" %}
    {{ page.title }}
  {% else %}
    {{ page.title }} &middot; Bootstrap
  {% endif %}
</title>

這段代碼是我在bootstrap的doc/_includes/header.html中找到的,我想問的是{% if %}這是什么語言的語法。

{% include social-buttons.html %}
{% highlight html %}
{% endhighlight %}
{% for language in site.data.translations %}
<li>
<a href="{{ language.url }}" hreflang="{{ language.code }}">
{{ language.description }} ({{ language.name }})
</a>
</li>
{% endfor %}

最重要的就是這個(gè)功能，include其它頁面到本頁面，bootstrap是怎么做到的。