如何最好地重用菜单的html代码

Question

我正在使用HTML，css，JSP和Java-servlet创建一个更大的网站。

我使用< nav> < ul> < li>（ 导航 ）制作了一个菜单。当我悬停时，子菜单下拉。它看起来像这样：

我想在我的所有页面上重复使用此菜单。它会发生很大的变化，所以我需要单一的真理来源 - 没有重复的代码。我一直在寻找php / js，但一直无法让它工作。

我想象它会像这样工作：

• 仅包含在所有页面上重复使用的HTML代码（如我的菜单）的文件。
• 使神奇工作的文件。
• 在菜单所在的位置添加到每个页面的代码行很少。 （可能是一行告诉它运行的脚本）

备注：

• 我希望这适用于大多数（如果不是全部）网络浏览器。
• 下拉菜单应覆盖下方文字。

Answer 1

使用jsp：

提供的include功能

<%@ include file="menu.html" %>

Answer 2

您也可以尝试使用Tiles框架。 Look here了解更多信息