博主信息
博文 33
粉丝 0
评论 2
访问量 51912
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
网页模板的拆分和引入
hanyufeng的博客
原创
1108人浏览过

运行效果:

L1.png

说明:

拆分header、footer部分为独立的php文件,再使用include或require 引入。

header、footer部分可以重复使用,节省时间,并保持了不同页面的风格统一,修改风格也很方便。

示例源码:

文档结构

L2.png

header.php

如果要在页面中引入不同的css外部样式表,可以把head标签的尾部放到页面中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PHP学习博客</title>
    <link rel="stylesheet" href="static/css/style.css">
</head>

footer.php

<footer id="page_footer">
    <p>Copyright © 2017 PHP中文网</p>
    <nav>
        <ul>
            <li><a href="#">主页</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">合作</a></li>
        </ul>
    </nav>
</footer>
</body>
</html>

页面

<?php include 'inc\header.php' ?>
    <body>
    <header id="page_header">
        <h1>网页模板的使用(PHP方式)</h1>
    </header>
    <section id="posts">
        <article class="post">
            <header>
                <h2>摘要:include、require的使用及区别</h2>
                <p>发表时间
                    <time datetime="2017-12-30T23:39">2017-12-30 23:39</time>
                </p>
            </header>
            <aside>
                <p>
                    &ldquo;60天成就PHP大牛!&rdquo;
                </p>
            </aside>
            <p>
                include、require的区别
            </p>
            <p>
                include 的文件如果不存在,会在提示错误后继续运行后面的代码。
                require 的文件如果不存在,会在提示错误后停止运行。
            </p>

            <p>
                此外,还有include_once、require_once,用于避免重复引用。
            </p>
            <footer>
                <p><a href="comments"><i>25条回复</i></a> ...</p>
            </footer>
        </article>
    </section>

    <section id="sidebar">

        <nav>
            <h3>博文目录</h3>
            <ul>
                <li><a href="2017/10">2017年10月</a></li>
                <li><a href="2017/09">2017年10月</a></li>
                <li><a href="2017/08">2017年10月</a></li>
                <li><a href="2017/07">2017年10月</a></li>
                <li><a href="2017/06">2017年10月</a></li>
                <li><a href="2017/05">2017年10月</a></li>
                <li><a href="2017/04">2017年10月</a></li>
                <li><a href="2017/03">2017年10月</a></li>
                <li><a href="2017/02">2017年10月</a></li>
                <li><a href="2017/01">2017年10月</a></li>
                <li><a href="all">更多</a></li>
            </ul>

        </nav>

    </section>

<?php include 'inc\footer.php' ?>


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学