Question

我有一个HTML页面，在其中我使用include添加了水平菜单。但是，当我这样做时，它会加载到页面顶部，并且页面的内容会被隐藏，我也不知道为什么。

这是代码：

<!DOCTYPE html>
<html>
<body>


<?php include 'MenuAdminstrador.php';?>

<!--from here on, all gets hidden behind the menu-->

    <h1>Welcome to my home page!</h1>
    <p>Some text.</p>
    <p>Some more text.</p>

    </body>
    </html>

包含的文件代码：

    <!DOCTYPE html>
<html lang="en-US">
<head>
<?php 
?>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>SPYKA</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="templatemo">
    <!-- 
    Medigo Template
    http://www.templatemo.com/preview/templatemo_460_medigo
    -->

    <!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700itali" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,500,200,100,600" rel="stylesheet">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="bootstrap/bootstrap.css">
    <link rel="stylesheet" href="css/misc.css">
    <link rel="stylesheet" href="css/blue-scheme.css">

    <!-- JavaScripts -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

</head>
<body>          <!-- Menu Responsive -->
    <div class="responsive_menu">
        <ul class="main_menu">
            <li><a href="Administrador.php" target="_parent">Inicio</a></li>
            <li><a href="#">Usuarios</a>
                <ul>
                    <li><a href="FormularioVerUsuarios.php" target="Pantalla">Ver Usuarios</a></li>
                    <li><a href="FormularioAMUsuario.php" target="Pantalla">Ingresar o Modificar</a></li>
                </ul>
            </li>
            <li><a href="#">Clientes</a>
                <ul>
                    <li><a href="FormularioVerClientes.php" target="Pantalla">Ver Clientes</a></li>
                    <li><a href="FormularioAMCliente.php" target="Pantalla">Ingresar o Modificar</a></li>
                </ul>
            </li>
            <li><a href="#">Facturas</a>
                <ul>
                    <li><a href="FormularioVerFacturas.php" target="Pantalla">Ver Facturas</a></li>
                    <li><a href="FormularioFactura.php" target="Pantalla">Facturar</a></li>
                </ul>
            </li>
            <li><a href="#">Productos</a>
                <ul>
                    <li><a href="FormularioVerProductos.php" target="Pantalla">Ver Productos</a></li>
                    <li><a href="FormularioAMProducto.php" target="Pantalla">Ingresar o Modificar</a></li>
                </ul>
            </li>
            <li><a href="#">Grupos de Productos</a>
                <ul>
                    <li><a href="FormularioVerGrupos.php" target="Pantalla">Ver Grupos</a></li>
                    <li><a href="FormularioAMGrupo.php" target="Pantalla">Ingresar o Modificar</a></li>
                </ul>
            </li>
            <li><a href="#"><label style="color: #800080; font-weight:bold;">Perfil</label></a></li>
            <li><a href="logout.php" target="_parent"><label style="color: red; font-weight:bold;">Salir</label></a></li>
        </ul> <!-- /.main_menu -->
    </div> <!-- /.responsive_menu -->

    <header class="site-header clearfix">
        <div class="container">

            <div class="row">



                    <div class="pull-left logo">
                        <a href="Administrador.php" target="_parent">
                            <img src="images/logo.png" alt="Medigo by templatemo">
                        </a>
                    </div>  <!-- /.logo --> 
                                                <!-- Menu PC -->

                    <div class="main-navigation pull-right">

                        <nav class="main-nav visible-md visible-lg">
                            <ul class="sf-menu">
                                <li class="active"><a href="Administrador.php" target="_parent">Inicio</a></li>
                                <li><a href="#">Usuarios</a>
                                    <ul>
                                        <li><a href="FormularioVerUsuarios.php" target="Pantalla">Ver Usuarios</a></li>
                                        <li><a href="FormularioAMUsuario.php" target="Pantalla">Ingresar o Modificar</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Clientes</a>
                                    <ul>
                                        <li><a href="FormularioVerClientes.php" target="Pantalla">Ver Clientes</a></li>
                                        <li><a href="FormularioAMCliente.php" target="Pantalla">Ingresar o Modificar</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Facturas</a>
                                    <ul>
                                        <li><a href="FormularioVerFacturas.php" target="Pantalla">Ver Facturas</a></li>
                                        <li><a href="FormularioFactura.php" target="Pantalla">Facturar</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Productos</a>
                                    <ul>
                                        <li><a href="FormularioVerProductos.php" target="Pantalla">Ver Productos</a></li>
                                        <li><a href="FormularioAMProducto.php" target="Pantalla">Ingresar o Modificar</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Grupos</a>
                                    <ul>
                                        <li><a href="FormularioVerGrupos.php" target="Pantalla">Ver Grupos</a></li>
                                        <li><a href="FormularioAMGrupo.php" target="Pantalla">Ingresar o Modificar</a></li>
                                    </ul>
                                </li>
                                <li><a href="#"><label style="color: #800080; font-weight:bold;">Perfil</label></a></li>
                                <li><a href="logout.php" target="_parent"><label style="color: red; font-weight:bold;">Salir</label></a></li>
                            </ul> <!-- /.sf-menu -->
                        </nav> <!-- /.main-nav -->

                        <!-- This one in here is responsive menu for tablet and mobiles -->
                        <div class="responsive-navigation visible-sm visible-xs">
                            <a href="#nogo" class="menu-toggle-btn">
                                <i class="fa fa-bars"></i>
                            </a>
                        </div> <!-- /responsive_navigation -->
                    </div> <!-- /.main-navigation -->

                 <!-- /.col-md-12 -->

            </div> <!-- /.row -->
<h2><?php echo $_SESSION['NombreRepresentante']?></h2>
        </div> <!-- /.container -->
    </header> <!-- /.site-header -->

    <script src="js/min/plugins.min.js"></script>
    <script src="js/min/medigo-custom.min.js"></script>

</body>
</html>

输出：

Answer 1

如果包含文件中已经建立了HTML结构，则无法在包含的文件中包含完整的HTML文档，该文档具有自己的doctype和html标记。

您需要进行一些重构：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>SPYKA</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <meta name="author" content="templatemo">
        <!-- 
        Medigo Template
        http://www.templatemo.com/preview/templatemo_460_medigo
        -->

        <!-- Google Fonts -->
        <link href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700itali" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,500,200,100,600" rel="stylesheet">

        <!-- Stylesheets -->
        <link rel="stylesheet" href="bootstrap/bootstrap.css">
        <link rel="stylesheet" href="css/misc.css">
        <link rel="stylesheet" href="css/blue-scheme.css">

        <!-- JavaScripts -->
        <script src="js/jquery-1.10.2.min.js"></script>
        <script src="js/jquery-migrate-1.2.1.min.js"></script>

        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    </head>
    <body>
        <?php include 'MenuAdminstrador.php';?>

        <h1>Welcome to my home page!</h1>
        <p>Some text.</p>
        <p>Some more text.</p>
    </body>
</html>

以及随附的文件：

<!-- Menu Responsive -->
<div class="responsive_menu">
    <ul class="main_menu">
        <li><a href="Administrador.php" target="_parent">Inicio</a></li>
        <li><a href="#">Usuarios</a>
            <ul>
                <li><a href="FormularioVerUsuarios.php" target="Pantalla">Ver Usuarios</a></li>
                <li><a href="FormularioAMUsuario.php" target="Pantalla">Ingresar o Modificar</a></li>
            </ul>
        </li>
        <li><a href="#">Clientes</a>
            <ul>
                <li><a href="FormularioVerClientes.php" target="Pantalla">Ver Clientes</a></li>
                <li><a href="FormularioAMCliente.php" target="Pantalla">Ingresar o Modificar</a></li>
            </ul>
        </li>
        <li><a href="#">Facturas</a>
            <ul>
                <li><a href="FormularioVerFacturas.php" target="Pantalla">Ver Facturas</a></li>
                <li><a href="FormularioFactura.php" target="Pantalla">Facturar</a></li>
            </ul>
        </li>
        <li><a href="#">Productos</a>
            <ul>
                <li><a href="FormularioVerProductos.php" target="Pantalla">Ver Productos</a></li>
                <li><a href="FormularioAMProducto.php" target="Pantalla">Ingresar o Modificar</a></li>
            </ul>
        </li>
        <li><a href="#">Grupos de Productos</a>
            <ul>
                <li><a href="FormularioVerGrupos.php" target="Pantalla">Ver Grupos</a></li>
                <li><a href="FormularioAMGrupo.php" target="Pantalla">Ingresar o Modificar</a></li>
            </ul>
        </li>
        <li><a href="#"><label style="color: #800080; font-weight:bold;">Perfil</label></a></li>
        <li><a href="logout.php" target="_parent"><label style="color: red; font-weight:bold;">Salir</label></a></li>
    </ul> <!-- /.main_menu -->
</div> <!-- /.responsive_menu -->

<header class="site-header clearfix">
    <div class="container">

        <div class="row">



                <div class="pull-left logo">
                    <a href="Administrador.php" target="_parent">
                        <img src="images/logo.png" alt="Medigo by templatemo">
                    </a>
                </div>  <!-- /.logo --> 
                                            <!-- Menu PC -->

                <div class="main-navigation pull-right">

                    <nav class="main-nav visible-md visible-lg">
                        <ul class="sf-menu">
                            <li class="active"><a href="Administrador.php" target="_parent">Inicio</a></li>
                            <li><a href="#">Usuarios</a>
                                <ul>
                                    <li><a href="FormularioVerUsuarios.php" target="Pantalla">Ver Usuarios</a></li>
                                    <li><a href="FormularioAMUsuario.php" target="Pantalla">Ingresar o Modificar</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Clientes</a>
                                <ul>
                                    <li><a href="FormularioVerClientes.php" target="Pantalla">Ver Clientes</a></li>
                                    <li><a href="FormularioAMCliente.php" target="Pantalla">Ingresar o Modificar</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Facturas</a>
                                <ul>
                                    <li><a href="FormularioVerFacturas.php" target="Pantalla">Ver Facturas</a></li>
                                    <li><a href="FormularioFactura.php" target="Pantalla">Facturar</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Productos</a>
                                <ul>
                                    <li><a href="FormularioVerProductos.php" target="Pantalla">Ver Productos</a></li>
                                    <li><a href="FormularioAMProducto.php" target="Pantalla">Ingresar o Modificar</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Grupos</a>
                                <ul>
                                    <li><a href="FormularioVerGrupos.php" target="Pantalla">Ver Grupos</a></li>
                                    <li><a href="FormularioAMGrupo.php" target="Pantalla">Ingresar o Modificar</a></li>
                                </ul>
                            </li>
                            <li><a href="#"><label style="color: #800080; font-weight:bold;">Perfil</label></a></li>
                            <li><a href="logout.php" target="_parent"><label style="color: red; font-weight:bold;">Salir</label></a></li>
                        </ul> <!-- /.sf-menu -->
                    </nav> <!-- /.main-nav -->

                    <!-- This one in here is responsive menu for tablet and mobiles -->
                    <div class="responsive-navigation visible-sm visible-xs">
                        <a href="#nogo" class="menu-toggle-btn">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div> <!-- /responsive_navigation -->
                </div> <!-- /.main-navigation -->

             <!-- /.col-md-12 -->

        </div> <!-- /.row -->
        <h2><?php echo $_SESSION['NombreRepresentante']?></h2>
    </div> <!-- /.container -->
</header> <!-- /.site-header -->

<script src="js/min/plugins.min.js"></script>
<script src="js/min/medigo-custom.min.js"></script>

Answer 2

您已经在当前文件中声明了文档类型，html，标题和正文。您导入的文件（MenuAdminstrador.php）也包含这些元素。 html页面应仅包含一个doctype，即html，head和body。

删除doctype，html，head和body元素，并仅保留MenuAdminstrador.php文件的body元素的内容。

但是在这种情况下，您必须在当前文件的head元素中包含google字体，CSS和JavaScript的链接。

如果您不喜欢该方法，则可以按照以下步骤操作：

创建一个MenuHead.php，其中包含外部文件的head元素的内容。
创建一个MenuBody.php，其中包含外部文件的body元素的内容。
将MenuHead.php导入当前文件的头部。
将MenuBody.php导入当前文件的正文中。

使用页面顶部的包含负载添加菜单并隐藏页面内容

2 个答案: