包含index.php之后未加载Header.html

时间:2015-05-08 20:32:26

标签: javascript php html css

我刚刚开始开发,我有一个带有标题和正文的工作页面,但我想开始按类型拆分所有代码。我已成功取出css和javascript,但我还没能拿出我的标题。现在我的文件看起来像这样:

的index.php:

<!DOCTYPE html>
<html>
  <head>
     Some Stuff Here
     <link rel="stylesheet" href="style1.css">
  </head>
  <body>
     <?php include("header.html");?>
     Some Stuff Here
  </body>
</html>

header.html中:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style2.css">
  </head>
  <body>
    <script src="header.js"></script>   
    Some Stuff Here
  </body>
</html>

当我在浏览器中加载index.php时,我得到了正文及其样式,但标题不存在。我和我在一起怎么样?

/ *编辑* /

有趣的是,我发现当我从Synology DS713 + NAS(安装了MySQL和phpMyAdmin)加载页面时,页面加载标题就好了,但是在我的thinkpad上(我使用XAMPP)页面没有添加标题。这解决了我的问题,因为我的生产环境是我的NAS,但也许有人可以为这可能发生的原因提供答案。

2 个答案:

答案 0 :(得分:5)

您生成的HTML看起来像这样:

<!DOCTYPE html>
<html>
  <head>
     Some Stuff Here
     <link rel="stylesheet" href="style1.css">
  </head>
  <body>
     <!DOCTYPE html>
     <html>
       <head>
         <link rel="stylesheet" href="style2.css">
       </head>
       <body>
         <script src="header.js"></script>   
         Some Stuff Here
       </body>
     </html>
     Some Stuff Here
  </body>
</html>

它不会呈现你想要的样子。您需要执行以下操作。

PHP - index.php

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style1.css">
    <link rel="stylesheet" href="style2.css">
  </head>
  <body>
    <?php include("header.html");?>  
    Some Stuff Here
  </body>
</html>

HTML - header.html

<script src="header.js"></script>   
Some Stuff Here

答案 1 :(得分:0)

不要认为PHP包含.html文件。请将header.html重命名为header.php

这里是index.php

<!DOCTYPE html>
<html>
  <head>
    Some Stuff Here
     <link rel="stylesheet" href="style1.css">
  </head>
  <body>
     <?php include("header.php");?>
     Some Stuff Here
  </body>
</html>

并且header.php

<link rel="stylesheet" href="style2.css">
<script src="header.js"></script>   
Some Stuff Here