一、include标签
前提:项目中,往往会出现多个页面拥有一个或几个相同的页面板块,或是一个页面多个页面板块是相同的
解决:我们可以采用模板语言复用,include标签来帮我们解决,就避免了大量的复制粘贴html页面板块代码
公共页面的板块
<!-- templates/public.html -->
<!-- 该页面位公共的页面代码块,所以不需要完整的html页面结构 -->
<div class="public">
<!-- 公用页面板块的详细html代码 -->
</div>
公告页面板的样式
/* static/css/public.css */
/* 该样式文件是为公告页面代码块提供页面布局的css样式 */
.public {
/* 具体的css样式块 */
}
使用公告板块的页面们
<!-- 拥有公共页面板块的 templates/first.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>first</title>
<link rel="stylesheet" href="/static/css/public.css">
</head>