Question

我想使用html和css创建一个模板，所以我创建了以下template.html文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Application</title>
<link href="CSS/layout.css" rel="stylesheet" />
<script src=""></script>
</head>

<body>
<div class="wrapper">
    <div class="header">
        <!--<div class="header_left"></div>
        <div class="header_right"> -->
            <h3>Application</h3>
            <h4>****  Project ****</h4>

    </div>
    <div class="navbar">
        <ul class="mainnavbar">
            <li><a href="#">Home</a></li>
            <li><a href="login.html">About</a></li>
            <li><a href="#">Description</a></li>
            <li><a href="#">Contact Me</a></li>
        </ul>
    </div>
    <div class="mainbody">
        <div class="leftcol">
            <div class="left_navbar">
                <ul class="left_inner">
                    <li><a href="#">Login</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Description</a></li>
                    <li><a href="#">Contact me</a></li>
                </ul>
            </div>
        </div>
        <div class="midcol">
            Center
        </div>
        <div class="rightcol">
            Right Column
        </div>
    </div>
    <div class="footer">Designed By <a href="">Me</a></div>
</div>
</body>
</html>

因为我想创建一个动态网站，我想将这个template.html分成index.php，header.php，navbar.php，home.php和footer.php。所以我做了以下事情：

的index.php

<?php
include("includes/header.html");
include("includes/navbar.html");
include("includes/home.html");
include("includes/footer.html");
?>

header.html中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Application</title>
<link href="CSS/layout.css" rel="stylesheet" />
<script src=""></script>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <!--<div class="header_left"></div>
        <div class="header_right"> -->
        <h3>Application</h3>
        <h4>****Project ****</h4>
    </div>

navbar.html

<div class="navbar">
<ul class="mainnavbar">
    <li><a href="#">Home</a></li>
    <li><a href="login.html">About</a></li>
    <li><a href="#">Description</a></li>
    <li><a href="#">Contact Me</a></li>
</ul>
</div>

home.html的

<div class="mainbody">
<div class="leftcol">
    <div class="left_navbar">
        <ul class="left_inner">
            <li><a href="#">Login</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Description</a></li>
            <li><a href="#">Contact me</a></li>
        </ul>
    </div>
</div>
<div class="midcol">
    Center
</div>
<div class="rightcol">
    Right Column
</div>
</div>

footer.html

<div class="footer">Designed By <a href="">me</a></div>
</div>
</body>
</html>

我将这些文件放在名为includes的文件夹中。我刚刚将4个html文件中的文件template.html分开，然后从index.php中调用它们，但是当我在浏览器中运行index.php时，我只得到一个白页。有什么遗失的吗？

Answer 1

您的代码（包含html的语法和想法）很好。这应该有效。

您必须在其他地方搜索问题。

也许您遇到问题：

Web服务器配置（虚拟主机，目录等）
错误的网址/错误的服务器（刷新一些网络服务器网址，但您在本地XAMPP上工作）
文件权限（但是在这种情况下，apache通常应报告错误）

查看Web服务器错误日志可能有所帮助。

Answer 2

确保您不仅仅是在浏览器中本地打开template.html来运行它。

由于PHP是server side language，您需要在本地服务器（例如Apache）上的实时服务器上运行该页面。在本地开发需要PHP的网站时，WAMP也是一个不错的工具。

Answer 3

您也可以使用file_get_contents("path_to_file/file.html")代替include()

但是只有有HTML内容，而不是PHP

在php文件中包含html页面

3 个答案: