如何让navbar在多个页面中保持不变?

时间:2017-03-07 02:31:49

标签: php html css navigation

我已经看过关于这个的流行问题,人们说php并没有找到答案。如何将我的导航栏转换为php并在多个html页面中使用它。有人能告诉我怎么做吗?我目前正在学习关于php的代码课程,我很难理解,所以请耐心等待。



<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>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

这是一种方式(极端基本):

创建一个名为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等。

更新了一个更精细的例子,为您提供了这个想法。

答案 1 :(得分:1)

假设您的网站根目录中有about.phphome.php。创建一个名为partials(或其他)的目录,进入partials并将导航HTML的内容放在名为nav.php的文件中。然后在about.phphome.php中,使用此处包含导航代码

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