如何使导航栏跨多个页面保持不变？答案

【问题标题】：How to make navbar constant across multiple pages?如何使导航栏跨多个页面保持不变？
【发布时间】：2017-03-07 02:31:48
【问题描述】：

我已经查看了有关此的先前问题，人们说 php 并没有找到答案。如何将我的导航栏转换为 php 并在多个 html 页面中使用它。有人可以告诉我该怎么做吗？我目前正在学习关于 php 的 codecademy 课程，我真的很难理解，所以请耐心等待。

<div class="tabs">
  <ul>
    <a href="http://degraphic-design.dunked.com/contact-me" style="text-decoration:none">
      <li class="contact">Contact</li>
    </a>
    <li class="dropdown">Shop</li>
    <li class="forum">Forum</li>
    <a href="index.html" style="text-decoration:none">
      <li class="about">About</li>
    </a>
    <li class="team">Team</li>
    <a href="http://degraphic-design.dunked.com/" style="text-decoration:none">
      <li class="portfolio">Portfolio</li>
    </a>
  </ul>
</div>

【问题讨论】：

你可以使用this
Creating reusable html for navigation bar on multiple pages的可能重复
您标记了这篇文章php - 以前使用 php 的建议如何不能回答您的问题？说明为什么 不能回答您的问题很重要，因此我们对将回答您的问题的答案有一个想法。您是否需要有关如何或某事的说明？
您总是可以使用 jQuery 的$.load() 或其他前端框架。或者像 jekyll 这样的静态网站构建器。
您知道，HTML 无效（在语法上）-<ul> 或 <ol> 的唯一子级是 <li>-您不能将 <li> 包装在 <a> 内，也不是使（我假设）整个 <li> 可点击的正确方法。

标签： php html css navigation

【解决方案1】：

假设您的网站根目录中有about.php 和home.php。创建一个名为partials（或其他）的目录，进入partials 并将导航HTML 的内容放入一个名为nav.php 的文件中。然后在about.php 和home.php 中，在要包含导航代码的地方使用它

<?php include 'partials/nav.php'; ?>

【讨论】：

【解决方案2】：

这是一种方法（非常基本）：

创建一个名为 index.php 的 PHP 文件

<!DOCTYPE html>
<html>
<body>

<header>
    <?php
    include 'header.php';

    /**
     * say you wanted a different header for shop
     * if($_GET['page'] === 'shop') {
     *      include 'header-shop.php';
     * } else {
     *      include 'header.php';
     *}         
     */
    ?>
</header>
<div id="main">
    <?php
    include $_GET['page'].'.php'; // assuming your storing your pages in same path as index
    ?>
</div>
<footer>

    <?php
    include 'footer.php';
    ?>
</footer>
</body>
</html>

然后是一个header.php

<div class="tabs">
    <ul>
    <li><a href="index.php?page=contact">Contact</a></li>
    <li><a href="index.php?page=shop">Shop</a></li>
    </ul>
</div>

并创建您的页面文件contact.php、shop.php 等。

更新为一个更详细的例子来给你这个想法。

【讨论】：

好的，我也听说可以只拥有一个 navbar.php 并将其导入每个页面，您能解释一下吗？
两者都可以。我展示的方式还为您带来了好处，即您不必在每个页面文件中包含该标题，而只需在 index.php 中包含该标题。您还可以根据需要将部件包装到 DIV 容器中。