在另一个文档中包含一个 HTML 文档[重复]答案

【问题标题】：Including a HTML document in an other one [duplicate]在另一个文档中包含一个 HTML 文档[重复]
【发布时间】：2013-07-28 00:11:50
【问题描述】：

我有一个想要解决的问题。我创建了一个 style.css、index.html 和 cmenu.css（cmenu for coolmenu）文件。在我的 cmenu.css 中，我描述了我的酷菜单的外观。

这是我的网站：http://pjgini.funpic.de/。我的菜单链接位于 index.html 中。通过创建一个新站点，我必须在新站点中复制相同的链接。我不想在我的每个站点中复制和粘贴所有链接的东西。

这是我的 index.html 文件中的菜单链接：

 <div id="klappmenu">
 <ul id="liste">
 <li><a href="#">Kategorie 1</a>
 <ul>
 <li><a href="/Seite.htm">Unterseite 1.1</a></li>
 <li><a href="/Seite.htm">Unterseite 1.2</a></li>
 <li><a href="/Seite.htm">Unterseite 1.3</a></li>
 </ul>
 </li>
 ...
 </div>

现在我想将它们包含在任何 html 文档中！

【问题讨论】：

你想在 style.css 文件中包含 cmenu 文件吗？
没有。看看我的网站的来源。你可以看到我的菜单链接。这些
- 。我想在我的菜单链接所在的位置创建一个全新的文件，并尝试找到一种方法将它们链接到我创建的所有新站点。和css文件一样。我正在创建一个全新的 css 文件，每个站点都可以使用上面的代码访问它。
你想在每个 html 文档中包含菜单 html 文件吗？
view-source:file:///home/jimmy/Desktop/PJGini/index.html 看看那里：
我编辑了我的问题描述。我必须在每个站点中编写这些代码！我不想要了。我想在我的菜单链接所在的位置创建一个全新的文件，我可以将它们包含在代码中。

标签： html css

【解决方案1】：

有两种方法可以做到这一点。首先，创建一个仅包含菜单 html 的 html 文件（没有 css，仅此而已）。假设这被命名为“yourMenuBar.html”。您可以通过将原始页面重命名为“yourpage.shtml”然后添加代码来使用 SHTML 包含：

<!--#include file="yourMenuBar.html" -->

到页面。

如果你更喜欢 php，你也可以这样做：

<?php
include_once("yourMenuBar.html");
?>

在这种情况下，您需要将页面扩展名更改为“yourpage.php”。

【讨论】：

对我不起作用。看这里：pjgini.funpic.de/index.shtml
啊，我很抱歉不清楚。您将包含放在您希望内容去的地方。因此，当您将它放在页面顶部（DocType 上方）时，我相信您实际上希望它位于 Menu 1 DIV 中。抱歉回复晚了，我去睡觉了！

【解决方案2】：

PHP 似乎是最好的选择。

将您的菜单放入名为main-menu.html 的HTML 文件中。然后，在您希望菜单显示的任何地方，包含此 html 代码，但请确保将文件保存为 .php并且确保菜单 html 文件的路径正确。

<?php
    include_once("path/to/main-menu.html");
?>

PHP 是一种广泛使用的通用脚本语言，特别适合 Web 开发，可以嵌入到 HTML 中。如果您是 PHP 新手并想了解它的工作原理，请尝试 introductory tutorial。之后，查看在线manual。

来源。 php.net

【讨论】：

我有一个问题：我必须用 php 语言编写文档吗？我可以在我的 PHP 文件中使用 html 语言吗？
@ManhKhôiDuong 您可以使用任何您喜欢的 HTML 格式，它将像任何普通的 .html 文件一样呈现为 HTML。关于 PHP 的事情是，当您调用 PHP（PHP 标记内的代码 <?php ... ?>）时，服务器会做一些事情，在这种情况下，它会确保 main-menu.html 包含在 html 文件中。您不能在 HTML 中强制/检查类似的内容。我在帖子中添加了引用。