html页面引入其他html页面代码

最新推荐文章于 2024-06-04 13:04:19 发布

zhaohanqq

最新推荐文章于 2024-06-04 13:04:19 发布

阅读量1w

点赞数

分类专栏： HTML 文章标签：引入其他html页面代码 include

本文链接：https://blog.csdn.net/zhaohanqq/article/details/89914273

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

{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

zhaohanqq

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
html页面引入其他html页面代码

{include file="/course/common/footer.html"} //注意路径书写方式用该语法可以引入公共html模板代码举例：//header.html 公共页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--...
复制链接

扫一扫

专栏目录