php/html 多页导航栏？

Question

对不起，如果我听起来像个白痴，但我对 php 比较陌生。

基本上，我想要一个在我网站的所有页面上同步的导航栏。

我目前的情况是这样的：

navbar.php

<?php
echo '<link rel="stylesheet" type="text/css" href="style.css"> -
<ul> -
<li><a href="index.html"><div id="nav"><span id="middle">Home</span></div></a> -
<li><a href="art.html"><div id="nav"><span id="middle">Art</span></div></a></li> -
<li><a href="games.html"><div id="nav"><span id="middle">Games</span></div></a></li> -
<li><a href="wish.html"><div id="nav"><span id="middle">Wish List</span></div></a></li> -
<li><a href="dw.html"><div id="nav"><span id="middle">Doctor Who</span></div></a></li> -
</ul>'; 
?>

index.html

<!DOCTYPE html>
<html>

<head>
  <title>Colin Site</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css">
  <style>
    p {
      font-size: 150%;
    }
  </style>
</head>

<body>
  <div class="navcontain">
    <?php include "nav.php"; ?>
  </div>
  <br>
  <br>
  <br>
  <h2>Welcome to my website, where I do random things</h2>
</body>

</html>

style.css

#navbar {
  width: 100%;
}
#nav {
  background-color: #848482;
  width: 110px;
  height: 40px;
  text-align: center;
  font-size: 100%;
  color: white;
}
#navcontain {
  position: relative;
  top: 1%;
  background-color: alpha;
  width: 100%;
}

当我访问我的网站时，只有一个空白 space 我的导航栏应该在的地方。

提前致谢

Answer 1

您不能在 HTML 文件中执行 PHP 代码。查看包含 navbar.php 的文件扩展名，它是 .html 对吗？那就错了。为了使其正常工作，将其重命名为 index.php.

Answer 2

您的 HTML 中有 <?php include "nav.php"; ?>，但根据您的问题，文件名为 navbar.php...

（是的，您的主文件必须有一个 php 结尾，如@ReynierPM 所写）

Answer 3

无法在 html 文件中使用 php，但您可以使用 AJAX / JQuery 将 php 加载到网页中, 这是一个例子

index.html

<html>
    <head>
        <script src="jquery.js"></script> <!-- You can get JQuery at http://jquery.com -->
    </head>
    <body>
        <script>
            $(document).ready(function(){
                $.ajaxSetup({cache:false});
                $("#nav").load("nav.php");
            });
        </script>
        <div id="nav"></div>
    </body>
</html>

php/html 多页导航栏？

php/html multi-page navbar?

html

css

php

navbar