Question

给出基本的html结构： div：包装程序，页眉，内容，页脚-我可以通过以下文件来分隔div：

header.php

<body>
<div id=wrapper>
<div id=header></div>
<div id=content>

index.php

footer.php

</div><!-- End of content -->
<div id=footer></div>
</div><!-- End of wrapper -->

似乎我可以通过这种方式将大多数不必要的html推开，以专注于编码内容。

includes的问题是我的包装器和内容divs从一个文件开始，在另一个文件结束，这会产生eclipse编辑器视觉警告，并惹恼了我（嘿，伙计，有问题，您需要解决这个问题……”所有文件夹结构上带有！“符号的黄色三角形）

Answer 1

PHP允许您使用include or require语句将其他文件包含到当前正在运行的文件中。

这将使您拥有服务器中包含的通用页眉和页脚，以便仅将一个页面返回到浏览器，而无需请求其他HTML页面。

header.php

<header>Place your header content here</header>

footer.php

<footer>Place your footer content here</footer>

index.html

<html>
<body>

<?php include 'header.php';?>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>

</body>
</html>

Answer 2

从脚本中加载页眉和页脚的html文件，如下面的示例所示。

$("document").ready(function(){
    $("#header").load("header.html");
    $("#footer").load("footer.html");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
     <head>
     </head>
     <body>
          <div id="header">
               <!-- Content in header goes here -->
          </div>
          <div id="Content">
                <!-- Content -->
          </div>
          <div id="footer">
                <!-- Content in footer goes here -->
          </div>
     </body>
</html>

页眉，页脚div放置在单独的文件中

2 个答案: