在html文件中包含html页面 [英] Include html pages in a php file

查看：75
本文介绍了在html文件中包含html页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

 < ！DOCTYPE html PUBLIC -  // W3C // DTD XHTML 1.0 Transitional // ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> 
< html xmlns =http://www.w3.org/1999/xhtml> 
< head> 
< meta http-equiv =Content-Typecontent =text / html; charset = iso-8859-1/> 
< title>应用程式< / title> 
< link href =CSS / layout.css =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> ****项目****< / h4> 
 
< / div> 
< div class =navbar> 
< ul class =mainnavbar> 
< li>< a href =＃>主页< / a>< / li> 
< li>< a href =login.html>关于< / a>< / li> 
< li>< a href =＃>描述< / a>< / li> 
< li>< a href =＃>与我联系< / a>< / li> 
< / ul> 
< / div> 
< div class =mainbody> 
< div class =leftcol> 
< div class =left_navbar> 
< ul class =left_inner> 
< li>< a href =＃>登入< / a>< / li> 
< li>< a href =＃>关于< / a>< / li> 
< li>< a href =＃>描述< / a>< / li> 
< li>< a href =＃>与我联系< / a>< / li> 
< / ul> 
< / div> 
< / div> 
< div class =midcol> 
 Center 
< / div> 
< div class =rightcol> 
右栏
< / 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。所以我做了以下工作：
$ b

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 // ENhttp://www.w3.org/TR/xhtml1/DTD /xhtml1-transitional.dtd\"> 
< html xmlns =http://www.w3.org/1999/xhtml> 
< head> 
< meta http-equiv =Content-Typecontent =text / html; charset = iso-8859-1/> 
< title>应用程式< / title> 
< link href =CSS / layout.css =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> ****项目****< / h4> 
< / div>

navbar.html 

 < div class =navbar> 
< ul class =mainnavbar> 
< li>< a href =＃>主页< / a>< / li> 
< li>< a href =login.html>关于< / a>< / li> 
< li>< a href =＃>描述< / a>< / li> 
< li>< a href =＃>与我联系< / a>< / li> 
< / ul> 
< / div>

home.html 

 < div class =mainbody> 
< div class =leftcol> 
< div class =left_navbar> 
< ul class =left_inner> 
< li>< a href =＃>登入< / a>< / li> 
< li>< a href =＃>关于< / a>< / li> 
< li>< a href =＃>描述< / a>< / li> 
< li>< a href =＃>与我联系< / a>< / li> 
< / ul> 
< / div> 
< / div> 
< div class =midcol> 
 Center 
< / div> 
< div class =rightcol> 
右栏
< / div> 
< / div>

footer.html 

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

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

解决方案

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



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



可能您遇到问题：


  • Web服务器配置（虚拟主机，目录等）

  • 错误的URL /错误服务器（刷新某些Web服务器URL，但您使用本地XAMPP）

  • 文件权限apache通常应该在这种情况下报告错误）


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


    I would like to create a template using html and css so I created the following template.html file:

    <!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>

    Because I want to create a dynamic website I want to separate this template.html into index.php, header.php, navbar.php, home.php and footer.php. So I did the following:

    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>

    I have these files in a folder called includes. I just separated the file template.html in 4 html files and then called them from index.php, but I just get a white page when I run index.php in the browsers. Is there something missing?

    解决方案

    Your code (syntax and idea with including html) is fine. That should work.

    You have to search for problems somewhere else.

    Maybe you have a problem with:

    • web server configuration (virtual hosts, directories etc.)
    • wrong url / wrong server (refreshing some web server url, but you work on local XAMPP)
    • file permissions (however apache normally should report error in that case)

    Looking at web server error logs may help.

    这篇关于在html文件中包含html页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
PHP最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆