如何创建更新导航栏＆gt;

Question

如何创建一个导航栏，该导航栏将在一个页面上更新并传输到所有页面，类似于CSS样式表？

说我有 导航栏，我想从一个页面添加内容，但不想更新400页？

谢谢你们！

Answer 1

有多种方法可以将HTML内容从单个文件转换为多个页面。以下是一些：

服务器端处理

将导航栏代码写入一个文件，然后让服务器将其作为每个页面的一部分包含在内。例如，在PHP中，您可以执行以下操作：

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

静态站点生成器

使用工具将源文件预处理为HTML。这些工具有助于减少每页样板。 Jekyll就是这样一个工具，它在GitHub页面中使用。有many，所以选择你喜欢的那个。

IFRAME

将导航栏代码写在一个文件中，然后使用iframe标记让每个页面加载它。

<iframe src="nav.html"></iframe>

脚本

这可能不是最佳方法，但您可以添加script代码而不是iframe来简化样式。让脚本生成导航，例如，通过使用HTML代码调用document.write。

page.html中：

<script src="nav.js"></script>

nav.js：

document.write('<nav>...</nav>');