Question

我想知道哪一个是创建网站的最佳方式。我的网站上有一个'导航栏'，内容为'和'页脚'。由于我的网站是完全动态的，所以我想在大多数页面中加载“导航栏”和“页脚”。所以请建议我完成这项任务的最佳和最快的方法。

示例：

|----------------------|
|       Header         |   
|                      |
|======================-
|                      |\
|                      | \
|                      |  --->> Want to change this area, in different pages, Login, Signup, 
|       Content        | /      About Us, Contact etc.. but the header and footer remains 
|                      |/       same.
|                      |
|======================|
|       Footer         |
|----------------------|

问题：我的标题HTML代码太长，包含许多内容，如滑块，导航栏和与之关联的大量jquery代码。所以，如果我在所有页面中复制它会使页面滞后吗？或者我应该将标题保存到单独的文件和页脚以分隔并包含它们与PHP？

Answer 1

您的结构将如下所示，

的header.php

|----------------------|
|       Header         |   
|======================|

footer.php

|======================|
|       Footer         |
|----------------------|

现在您需要使用require_once方法。

page1.php中

   require_once('header.php');

     // Body Content

   require_once('footer.php');

使page2.php

   require_once('header.php');

     // Body Content

   require_once('footer.php');

同样，对于您的jQuery或js代码，请创建一个包含script.js的文件并粘贴其中。现在可以使用此命令<script src="script.js" />

包含该文件

Answer 2

如果你想使用jQuery在外部文件中有这个：

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

并且

<body>
  <div id="header"></div>
  <div id="content">....</div>
  <div id="footer"></div>
</body>

然后你甚至可以交换内容

$(function() {
  $("#header").load("header.html",function() {
    $("#header").on("click",".navigation",function(e) {
      e.preventDefault();
      $("#content").load(this.href);
    });
    $("#login").click(); // load first content
  });
  $("#footer").load("footer.html");
});

其中标题中链接的href指向login.html，about.html，

Answer 3

如果页眉和页脚是静态的，您可以使用一个包含页眉和页脚的布局，并且可以在其中包含动态内容。这就是许多PHP框架的做法。

<?php

$page = (isset($_GET['page']) && !empty ($_GET['page'])) ? $_GET['page'] . '.php' : 'index.php';

?>

<html>
    <head>
    </head>
    <body>
        <header></header>

        <?php include_once $page; ?>

        <footer></footer>
    </body>
</html>

管理和链接php文件的最佳方法，

3 个答案: