使用
什么时候用include
include:包含
在page ABC,有共同的大部分,但是其他页面没有这个部分。
这个时候考虑使用include
步骤:
1.先定义一个公共的模板部分,xxx.html
2.谁使用,则include过来,{%include ‘文件夹/xxx.html’%}
header.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>头部</title>
</head>
<body>
<div style="height: 50px;background-color:deeppink"></div>
</body>
</html>
welcome.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎页面</title>
</head>
<body>
{% include 'common/header.html' %}
<div style="background-color:darkorchid;height: 100px"></div>
</body>
</html>
逻辑
展示
{% include 'common/header.html' %}