javascript - 如何在不重复所有内容的情况下制作新页面？ (PHP,CSS,HTML)

Question

我是“编码”的新手，所以如果我的标题描述这种情况完全错误或者我只是说了一些愚蠢的话，请原谅。我已经阅读了一些类似的问题，但我还是不明白!

我的问题:如何创建新页面，而不必重复每个标准侧边栏“小部件”、页眉、菜单、页脚等？例如，我想创建一个“关于”页面，但我该如何开始呢？!我只想更改页面中间的内容(即文本应该位于的位置)。

我的 public_html 文件夹中的文件夹/文件是:

• _javascript(包含测试、源代码和库)
• _images(显然包含所有图像)
• _css(包含index.html文件和global.css文件)
• index.php (HTML)
• bg.php(您可以将其从列表中排除，它用于创建自动重复背景)

也许这就像创建一个新的 .php 文件，这样我就可以在菜单中链接/about.php -- 但随后我需要将所有页眉和页脚内容重新放回那里，或者我的意思可能完全是错了……可能很简单也可能很难；请帮帮我。

Answer 1

您可以使用 php 对您的页面进行非常小的更改。

1. 将页面的扩展名从 .html 更改为 .php
2. 创建文件 header.php 并将所有 header 元素粘贴到那里。
3. 对侧边栏和页脚执行相同的操作，并将它们命名为 sidebar.php 和 footer.php 或您想要的任何名称。

现在像这样创建您的页面:

index.php

<?php
     include(header.php);
     include(sidebar.php);
?>
<div>Your contents here</div>
<?php
     include(footer.php);
?>

通过使用它，您无需在每个页面上一遍又一遍地编写标题和所有内容的代码。您也可以对 css 和 js 使用相同的技术。