我正在制作一个巨大的网站，所有页面上都有一个导航栏。 是否可以在 .html 文件中创建导航栏并将其导入所有其他页面， 如果有，怎么做？
【问题讨论】：
标签： javascript php jquery html
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.**
【讨论】：
使用 PHP 是可能的，但您必须将文件更改为 .php 文件。
把它放在主文件中：
<?php
include("navbar.php");
?>
我不知道 HTML 的好方法
【讨论】：
您可以单独使用 HTML 完成此操作，使用 Server Side Includes。最简单的例子：
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>
您永远不应该使用框架集或 iframe 来执行此操作。 https://stackoverflow.com/a/15938545/822711
请注意，这不适用于file:// 协议，它需要在网络服务器上运行，就像在实时环境中一样。这可以在私人或公共服务器上，或者使用在您的计算机上运行的服务器（例如 wamp）的 localhost。
【讨论】：
<iframe>。虽然不理想，但对于一个简单的网站来说并不是那么糟糕。
file:// 身份打开页面时尝试运行服务器端 代码。我已经相应地更新了我的答案。谢谢。
我更喜欢尝试使用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的文件。同样的东西你可以申请页脚。
【讨论】：
为此，如果您使用 PHP，则需要添加服务器端语言，您可以创建一个 nav.php 文件。在此文件中，您可以添加导航的完整 HTML，您可以 在您的代码中包含这个 PHP 文件，而不是放置导航 HTML。 像这样
<?php include("nav.php");?>
【讨论】：