Question

我遇到了一个我想解决的问题。我创建了一个style.css，index.html和cmenu.css（用于coolmenu的cmenu）文件。在我的cmenu.css中，我描述了我的coolmenu的样子。

这是我的网站：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文档中！

Answer 1

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

Answer 2

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

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

到页面。

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

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

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

在另一个中包含HTML文档

2 个答案: