母版，页面共用地方提取处理

2方法区别： 母版在整体同框架，小区域不同时使用 。 组件在整体不同，小区域相同时

方法1:母版

html页面有重复的代码，把它们提取出来放到一个单独的html文件。
（比如：导航条和左侧菜单）

母版使用步奏：

1. 把公用的HTML部分提取出来放到 一个.html文件中
2. 在 创建的html中，通过定义block 把不同的地方区分出来
3. 在具体的页面中 先继承{% extends ‘创建的.html’ %}
4. 然后block名取指定替换母版中设定的位置

母版
锚点：定义 一个地方，来放每每个页面不同的地方

其他公共的代码区

{#锚点：定义 一个地方，来放每每个页面不同的地方#}
{% block page-main %}
<!--在其他地方调用，添加的代码会放到这里-->
{% endblock %}

其他公共的代码区

继承页面

{#继承指定母版 路劲#}
{% extends 'base.html' %}

{% block page-main %}
    <h1>特殊内容，用来替换母版内对应的地方</h1>
{% endblock %}

方法2：组件

重复的代码,包装成一个独立的小html文件。

{% include 'html页面' %}