将菜单包含到html文件中

时间:2018-09-18 14:55:52

标签: html css include

我有一个超过20页的网站,所有网站都使用相同的dropdown菜单。当前,每个页面都包含菜单的多余HTML代码,因此,如果我想更改菜单中的一项内容,则必须为所有页面进行更改。我在网站上使用普通的html/css和一些javascript。有没有办法将我的dropdown菜单全部放在一个文件中,并在所有20页中都包含对该文件的引用?

我尝试使用<embed>元素包含菜单,但是对我来说效果不佳,因为我无法充分对齐它,因为它在其下方留有一个较大的空白区域,可以容纳dropdown选项。不确定处理该问题的最佳方法是什么

1 个答案:

答案 0 :(得分:0)

正如Quetin Veron在评论中所建议的那样,PHP include语句是处理它的最佳方法。

但是,如果您对编写后端代码不感兴趣,可以通过使用JavaScript解析脚本中的json或ini文件/文本并将其转换为菜单上所需的链接来使用它。

[请注意,您仍然必须为此使用JavaScript]

如果您甚至不想使用JS(不建议使用),则可以使用iframe作为导航菜单

这样做时,请在iframe的<base target="_parent">部分中添加head。 然后,在所有其他页面中,添加<iframe src="menu.html"></iframe>并将menu.html替换为菜单路径。

我希望这会有所帮助。但是,请注意,如果您只想使用前端技术,这只是一个解决方法。

否则,将<?php include "menu.php";?>用于PHP或带有EJS的节点,请使用<%include "menu.ejs";%>