Question

所以我正在重新设计工作中的一些工具来创建一个有凝聚力的用户体验，我有2个文件，我将包括在其他所有文件中。它们是页眉和页脚。它们独立工作但是当我尝试将它们包含在同一个文件中时，页脚没有显示（我甚至尝试将它们放在一个包含文件中）。

这是标题：

<?php

function pageHeader($title){
    $html = "<!DOCTYPE html>
    <html>
    <head>
        <link href='../../bootstrap/css/bootstrap.css' rel='stylesheet'>
        <title>$title</title>
    </head>
    <body>
        <div class='navbar navbar-fixed-top'>
            <div class='navbar-inner'>
                <div class='container-fluid'>
                    <a class='brand' href='/platform'>Platform Tools</a>
                    <div class='btn-group pull-right'>
                        <a class='btn dropdown-toggle' data-toggle='dropdown' href='#'>
                            <i class='icon-user'></i>
                            Username
                            <span class='caret'/>
                        </a>
                        <ul class='dropdown-menu'>
                            <li>
                                <a href='#'>Profile</a>
                            </li>
                            <li class='divider'/>
                            <li>
                                <a href='#'>Sign Out</a>
                            </li>
                        </ul>
                    </div>
                    <div class='nav-collapse'>
                        <ul class='nav'>
                            <li class='active'>
                                <a href='#'>
                                    <i class='icon-home icon-white'></i>
                                    APEX Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/cms'>
                                    <i class='icon-home icon-white'></i>
                                    CMS Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/outbound'>
                                    <i class='icon-home icon-white'></i>
                                    Outbound Home
                                </a>
                            </li>
                            <li>
                                <a href='/platform/urs'>
                                    <i class='icon-home icon-white'></i>
                                    URS Home
                                </a>
                            </li>
                            <li>
                                <a href='#bug'>
                                    <i class='con-fire icon-white'></i>
                                    Report a problem
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script src='/bootstrap/js/jquery.js'/>
        <script src='/bootstrap/js/bootstrap-transition.js'/>
        <script src='/bootstrap/js/bootstrap-alert.js'/>
        <script src='/bootstrap/js/bootstrap-modal.js'/>
        <script src='/bootstrap/js/bootstrap-dropdown.js'/>
        <script src='/bootstrap/js/bootstrap-scrollspy.js'/>
        <script src='/bootstrap/js/bootstrap-tab.js'/>
        <script src='/bootstrap/js/bootstrap-tooltip.js'/>
        <script src='/bootstrap/js/bootstrap-popover.js'/>
        <script src='/bootstrap/js/bootstrap-button.js'/>
        <script src='/bootstrap/js/bootstrap-collapse.js'/>
        <script src='/bootstrap/js/bootstrap-carousel.js'/>
        <script src='/bootstrap/js/bootstrap-typeahead.js'/>  ";

        return $html;
        }
?>

这是页脚：

<?php
function pageFooter(){
    $html ="
    <nav class='footer'>
        <a href='#'>Apex</a>
        <a href='#'>Contest</a>
        <a href='#'>Outbound</a>
        <a href='#'>URS</a>
        <a href='#'>Third Party Tools</a>
        <a href='#'>Report a Problem</a>
        <a href='#'>Our SLA</a>
        <a href='#'>Contact</a>
    </nav>
    </body>
    </html> ";

    return $html;
    }
?>

当我将它们包含在我的FrontDoor.php文件中时，它看起来像这样（将改为相对路径）：

<?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Header.php'); ?>
<?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Footer.php'); ?>

<?php echo pageHeader('Platform Tools'); ?>
<?php echo pageFooter(); ?>

当我尝试运行它时，它会运行标题，然后关闭body和html标记，并且不会运行页脚。

任何建议和谢谢？

Answer 1

您可以尝试将脚本代码从<script src='/bootstrap/js/bootstrap-typeahead.js'/>更改为<script src='/bootstrap/js/bootstrap-typeahead.js'></script>

Answer 2

我检查了代码，它渲染得很完美。 ~~不是强迫，但~~你应该按照@Toby要求关闭script标签的方式。

我确定您使用脚本标记的方式存在问题。请纠正它们，一切都会好的。

修改

在浏览器中执行视图源时，可以按预期在HTML源中看到页脚。仅在渲染页脚时未显示，但一旦您更正了脚本标记的添加方式，即放置正确的结尾</script>浏览器将正确呈现它

Answer 3

好的，我一直这样做，

基本上我做的就是这个

<?php include_once('Header.php'); ?>
Any Page content
<?php include_once('Footer.php'); ?>

标题包含

<html><head></head><body><div class="some-div">

页脚包含

</div></body></html>

这样你获得了不变的页眉和页脚，你不需要创建一个单独的函数来关闭php文件，这是非生产性的。

修改
例如，如果你有index.php，那就包含了header.php和footer.php文件。

在我告诉PHP之前，html和body标签关闭了

3 个答案: