HTML/CSS - 是否有可能拥有一个包含多个页面的 html 网站 - 但只有一个菜单（相同的）可以调用？答案

【问题标题】：HTML/CSS - is is possible to have a html website with multiple pages - but only one menu (indentical) that can be called?HTML/CSS - 是否有可能拥有一个包含多个页面的 html 网站 - 但只有一个菜单（相同的）可以调用？
【发布时间】：2016-07-05 14:19:45
【问题描述】：

一开始我只能使用 HTML 和/或 CSS。我没有能力使用 PHP 或 JavaScript？

我研究了一个 iFrame，但我不确定是否可以有一个带有 iFrame 的下拉菜单？

【问题讨论】：

为此，您只需要在同一目录中使用不同的 .html 文件，然后您可以在菜单中使用“/path/to/file.html”等相对路径引用这些文件。您最好将菜单的 html 复制粘贴到每个文件中，而不是使用不稳定的 iFrame
php需要服务器，JS可以轻松使用
我认为发帖者希望菜单成为跨多个页面共享的“事实来源”——就像在 PHP/MVC 中通过包含或共享 JS 文件所做的那样。这样做的原因很明显：您不必多次维护同一个菜单。对于您面临的限制，iframe 可能是它所能获得的最好的——可能在左侧或右侧，具有树形结构。您将无法制作一个弹出并覆盖主要内容区域的共享菜单，因为每个 iframe 的内容都会受到它所在的 iframe 的限制
看看这个演示，缺点是它看起来需要 JS，但看看：menucool.com/vertical/html-menu-in-separate-file。它可能会给你一些想法或引导你走向正确的方向。
我认为，您一直在寻找一种不使用 javascript/PHP/其他东西的方法来做到这一点，您可以花时间学习如何以更有效的方式做到这一点。我认为值得花时间投资。

标签： html css menu call

【解决方案1】：

有一种非常古老的方法称为框架集，请注意这很旧，看起来不太好，我不确定它是否适用于下拉菜单等。

http://www.w3schools.com/tags/tag_frameset.asp 有更多内容。

除此之外，我唯一能想到的就是使用 PHP 包含（您提到您没有能力），尽管如果需要，我可以详细介绍如何使用 PHP 包含。

据我所知，在每个 html 页面中重复菜单代码是唯一的选择。

【讨论】：

我不会推荐这种方法。 HTML 5 不支持它。
是的，我也不会使用它，我个人会使用 PHP 包含，但它在技术上仍然可行 - 浏览器支持它，这取决于 OP 来进行调用。

【解决方案2】：

我个人不知道用 HTML 和 CSS 完成的方法。但是使用 PHP 有一个简单的方法。

您创建一个文件 (nav.php)，将导航内容放入其中。（别忘了php标签）：

现在您可以在任何 HTML 文档中包含该文件：

<?php include_once "filePath"; ?>

【讨论】：

【解决方案3】：

只有html&css，我只知道复制和粘贴。但是用你的措辞，听起来你只想要一个菜单，比如 menu.html 并将它链接到多个页面，如果你要更改菜单，你只需要在一个部分中更改它而不需要复制并粘贴其余部分。由于您想要 1 个单一菜单并将其链接到多个页面，因此我建议使用 Lorenz 提到的 php 方式。 http://www.w3schools.com/php/php_includes.asp

...或者我看到其他人这样做的另一种方式是在 DevTips 的这个视频中的某个地方： https://www.youtube.com/watch?v=nZoUA-98fL4

它类似于 {% filename %} 但不知道是什么语言。或任何假设。他只是让他的代码在我看来更加混乱，以至于我没有费心去研究它。

【讨论】：

感谢@reddtoric 的帮助，但我使用的服务器非常基础，无法支持 PHP/JavaScript。它只支持 HTML/CSS。