如何在Core PHP中单独创建导航和页脚文件并复用至全站页面

文件分工清晰化 #

1. 复用组件文件（navigation.php / footer.php） #

这些文件只写对应模块的专属HTML代码，不需要完整的HTML文档结构（比如<html>、<head>、<body>标签）。因为主页面会负责整个文档的骨架，组件只需要提供局部内容。

示例 navigation.php：

<nav class="main-nav">
  <ul>
    <li><a href="/index.php">首页</a></li>
    <li><a href="/about.php">关于</a></li>
    <li><a href="/contact.php">联系我们</a></li>
  </ul>
</nav>

示例 footer.php：

<footer class="site-footer">
  <div class="copyright">© 2024 我的网站 版权所有</div>
  <div class="links">
    <a href="/privacy.php">隐私政策</a> | <a href="/terms.php">服务条款</a>
  </div>
</footer>

2. 主页面文件（index.php / about.php 等） #

这些文件需要包含完整的HTML文档结构，并在对应位置通过include语句插入复用组件，中间部分写当前页面的专属内容。

示例 index.php：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <!-- 公共样式或当前页面专属样式 -->
  <link rel="stylesheet" href="/css/main.css">
</head>
<body>
  <!-- 引入导航栏 -->
  <?php include 'navigation.php'; ?>

  <!-- 页面专属内容区域 -->
  <main>
    <h1>欢迎访问我的网站</h1>
    <p>这是首页独有的内容，其他页面不会显示</p>
  </main>

  <!-- 引入页脚 -->
  <?php include 'footer.php'; ?>

  <!-- 公共脚本或当前页面专属脚本 -->
  <script src="/js/main.js"></script>
</body>
</html>

核心注意事项 #

• 组件文件不要包含全局HTML标签，否则会导致主页面出现重复的<html>/<body>等标签，破坏文档结构。
• 注意include的文件路径：如果组件放在子目录（比如includes/），路径要写成include 'includes/navigation.php';，也可以使用绝对路径避免路径错误。
• 公共的CSS、JS资源建议放在主页面的<head>或<body>末尾，不需要在组件文件中重复引入。

内容的提问来源于stack exchange，提问作者Fahaad Munir