在 HTML 中包含标头


include header in html

我怎样才能在我的索引文件中正确包含我的标头。我希望有可能编辑我的标题,因为它在我的所有页面上。

假设我有一个标题:

<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
        <div class="container topnav">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand topnav" href="#">Start Bootstrap</a>
            </div>
         </div>
    </nav

我已将此代码复制到我的标头.php,因此我只有一个地方可以编辑它。上面的代码应该在 body 标签内,还是我需要在我的标题文档中包含 html、head 和 body 标签?

<html>
<head>
</head>
<body>
   <-!-- Code here -->
</body>
</html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <!-- Latest compiled JavaScript -->
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">     </script>
  </head>
  <body>
<nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand topnav" href="#">Start Bootstrap</a>
        </div>
     </div>
</nav>
   </body>
  </html>

我相信你正在使用引导程序

鉴于所有文件都包含PHP代码,您的所有文件都应具有.php扩展名。

然后你可以像这样包含你想要的任何HTML粒子:命名头文件头.php,页脚文件页脚.php:等等。

<html>
<head>
</head>
<body>
     <?php include 'header.php'; ?>
       <-!-- Code here -->
     <?php include 'footer.php'; ?>
</body>
</html>