Question

我正在创建一个巨大的网站，在所有页面上都有一个导航栏。是否可以在.html文件中创建导航栏并将其导入所有其他页面，如果是的话，怎么样？

Answer 1

您可以使用Server Side Includes单独使用HTML 。最简单的例子：

<强>的index.html

<html><head><title>Test</title></head>
<body>
    <!--#include file="navbar.shtml" -->
</body>
</html>

<强> navbar.shtml

<ul class="nav">
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
</ul>

你永远不应该做的是使用framesets或iframe来做到这一点。 https://stackoverflow.com/a/15938545/822711

请注意，这将无法使用file://协议，它需要在Web服务器上运行，就像在实时环境中一样。这可以使用计算机上运行的服务器（例如wamp）在私人或公共服务器或本地主机上。

Answer 2

1）在html中我们可以使用 iframe

将其他文件加载到一个html文件中

<!DOCTYPE html>
<html>
<body>

<iframe src="header.html">
  <p> display</p>
</iframe>

</body>
</html>

2）我们可以使用jquery函数将文件加载到某个特定的div中。

 <script> 
    $(function(){
        $('#header').load("header.html"); 
    });
</script>

3）使用其他语言，如php，.net 我们使用php include 和 require 来实现

**Apart from using iframe there is no other way in html that we can include one html file to another.**

Answer 3

我更喜欢尝试使用Jquery，比如

<!doctype html>
<html>
<head>
<title>Home page</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script> 
   $(function(){
      $('.header').load("header.html"); 
   });
</script> 
</head>
<body>
<div class="header"></div>
</body>
</html>

在同一个文件夹中打开一个名为header.html的文件。同样可以申请页脚。

Answer 4

使用PHP是可能的，但您必须将文件更改为.php文件。

把它放在主文件中：

<?php 
     include("navbar.php");
?>

我不知道HTML

的好方式

Answer 5

为此你需要添加服务器端语言，如果你使用PHP你可以创建一个 nav.php文件。在此文件中，您可以添加导航的完整HTML 在您的代码中包含此PHP文件，而不是放置导航HTML。喜欢这个

<?php include("nav.php");?>

将一个HTML文件插入另一个HTML文件

5 个答案: