{include file="/course/common/footer.html"} //注意路径书写方式
用该语法可以引入公共html模板代码
举例:
//header.html 公共页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" http-equiv="cache-control"> -->
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">
<link rel="shortcut icon" href="{$config.wap_logo_color}">
<link href="/themes/new/font/iconfont.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<style>................</style>
<body>
<div class="page_wrap">
<!-- 头 -->
<header class="hd_wrap">
<div class="hd_box">
<img class="hd_img" src="{$config.seller_logo}" alt="">
<div class="hd_line"></div>
<div class="hd_tt">微课堂</div>
<a href="/home/course.html" class="hd_zn">买家指南</a>
</div>
</header>
<!--中间区域-->
<div class="con_wrap">
<!--标题-->
<div class="con_hd">
<div class="con_tt"></div>
<div class="con_line">
<div class="top"></div>
<div class="bottom"></div>
</div>
</div>
<script src="/themes/new/js/jquery-1.11.3.js"></script>
<script type="text/javascript">..................</sctipt>
//order.htmly页面 在该页面里需要引入header页面
<style>................</style>
{include file="/course/common/header.html"}
<div class="con_box">
<!-- content -->
<div class="box" id="box" allowfullscreen="true">
<!--展示区-->
<div class="content">
<ul class="con_ul" id="con_ul"></ul>
</div>
<!--进度条-->
<div class="progress">
<div class="pro_box">
<div class="p_con" id="p_con"></div>
</div>
<div class="ope_box">
<img src="/themes/new/css/imgs/course/qian.png" id="btnlf" class="bt btnlf">
<img src="/themes/new/css/imgs/course/hou.png" id="btnrg" class="bt btnrg">
<img src="/themes/new/css/imgs/course/quanp.png" id="btn" class="bt screen_btn">
</div>
</div>
</div>
<script type="text/javascript">。。。。。。。。。。</script>
</body>
</html>
其实就是把两个html页面拼成一个完成的html