html页面引入其他html页面代码
{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
上一篇:
IDEA上Java项目控制台中文乱码