前端三大块：HTML提供了页面结构，CSS提供了页面表现（元素大小，颜色，位置，隐藏或显示，部分动画效果），JavaScript：提供了页面行为（部分动画效果，页面与用户的交互，页面功能）；

---

什么是模板？

web框架中提供的模板template，用于编写HTML代码，还可以嵌入模板代码更快更方便的完成页面开发，再通过视图中渲染模板，将生成最终的的HTML字符串返回给客户端浏览器，模板致力于表达外观，而不是程序逻辑。模板的设计实现了业务逻辑与显示内容的分离，一个视图可以使用任何一个模板，一个模板也可以提供给多个视图使用。

---

什么是模板语言？

模板包含两部分，静态部分是前端三大块，动态部分及时模板语言。

模板语言包括四种类型：

一，变量：

语法：{{变量}}

变量的作用是计算并输出，变量名必须由字母、数字、下划线（不能以下划线开头）和点组成。

二，标签：

语法：{%代码段%}

标签的作用在代码段中进行for遍历，if判断，比较运算及布尔运算等。

三，过滤器：

语法：变量|过滤器：参数

过滤器使用 | 管道符号来应用于计算、转换操作，可以使用在变量、标签中

四，注释：

语法：{#单行注释#}；{%comment%}多行注释{%endcomment%}

注释不会被编译不会输出到客户端。

代码示例

（由于使用富文本编辑器，所以编辑器自动过滤了HTML的标签）

Ordering notice

Dear {{ person_name }},{#可以来个单行注释#}

Thanksforplacing an order from {{ company }}. It's scheduled to

ship on {{ ship_date|date:"F j, Y"}}.

Here are the items you've ordered:

{%for item in item_list %}

{{ item }}

{% endfor %}

{%comment%}开始多行注释

{%if ordered_warranty %}

Your warranty information will be included in the packaging.

{% endif %}

Sincerely,{{ company }}

结束多行注释{%endcomment%}