如何在桌面和移动设备上链接到一个包含 HTML 代码的文档，从而在多个 HTML 文档中显示我的导航栏代码？

Question

我正在创建一个博客类型的网站，我希望我的导航栏代码出现在网站的多个页面上，但要从一个文件进行链接。我希望它的链接方式与 CSS & Javascript 文档链接到 html 文档的方式相同。

我对网络编码有点陌生，所以如果我没有正确解释某些事情，我会提前道歉，如果有人有任何问题，我很乐意澄清

该网站正在使用 HTML、CSS、Javascript 和 Bootstrap 5 CSS & 脚本。如果推荐，我愿意使用其他编码语言。

Answer 1

I'm open for using other coding languages if that is recommended.

我建议使用服务器端语言。 PHP 可以很简单：

您的主文件 (index.php) 应该是这样的：

<html>
<head>
    <!-- Title & meta tags, etc... -->
</head>
<body>
    <?=include("header.php"?>
    <!-- Unique page content goes here -->
</body>
</html>

在文件中 header.php 只需扔掉你的导航栏。

如何在桌面和移动设备上链接到一个包含 HTML 代码的文档，从而在多个 HTML 文档中显示我的导航栏代码？

How can I display my Navbar Code in multiple HTML documents by linking to one document containing the HTML Code on Desktop and Mobile?

html

javascript

css

php

navbar