html/css - 具有多个页面的 html 网站 - 有一个可以调用的菜单吗？答案

【问题标题】：html/css - html website with multiple pages - have one menu that can be called?html/css - 具有多个页面的 html 网站 - 有一个可以调用的菜单吗？
【发布时间】：2016-11-07 01:22:15
【问题描述】：

我的服务器太基础了，无法支持 PHP/JAVASCRIPT，有什么建议吗？

我有一个包含多个页面的 HTML 网站。我在所有页面上都使用相同的菜单，当我添加一个页面时，我必须在每个页面上编辑代码。

我想知道有没有办法添加一个可以调用的菜单页面？

我正在使用 CSS/HTML 是否有可能提供帮助？我研究了一下，我认为它涉及到 PHP，但是 PHP 可以与 CSS/HTML 结合使用吗？

【问题讨论】：

例如，我目前有 2 页 - 例如。 MySite.html 和我的 MySite.css。我需要对这些做什么以及我需要添加哪些页面。

标签： html css menu call

【解决方案1】：

只需使用@Html.Render("pagename.html");

【讨论】：

我似乎无法得到您的任何答案来解决问题，是否有任何在线资源可以让我看到工作原型？
搜索“html 中的主布局”

【解决方案2】：

你必须使用 php 才能做到这一点。

做两个单独的文件，一个是你的index.php，另一个是menu.php

要包含menu.php，您必须添加：

<?php include '../elements/menu.php'; ?>

在您的index.php。

即使您的新扩展名是 .php，您的所有其他元素仍然可以用 HTML 编码

您在所有网站页面上都包含此菜单，如果您想添加页面，只需在menu.php 中添加链接，它就会出现在任何地方。

【讨论】：

那么这是否意味着我将拥有一个 html 页面、一个 css 页面和 2 个 PHP 页面？
我现在已经这样做了，但它似乎对我不起作用？
你是在服务器上运行它吗？
是的，我什至会制作 3 个 PHP 页面 + 1 个 CSS
如果您正在处理像 PHP 这样的服务器端脚本；我强烈推荐这种方法，而不是我使用纯 JavaScript 发布的答案。在大多数情况下，JS 不能在所有浏览器和设备（尤其是手机）中很好地呈现，并且在某些情况下，出于安全原因，浏览器可能会禁用 JS。在这种情况下，您最终可能会在主页底部收到 JS 错误，并且没有菜单。

【解决方案3】：

您可以将菜单代码放在单独的 html 中，并在所有其他 html 文件中调用它

<html>

<head>
  <title>test page</title>
  <script src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
</head>

<body>
  <div id="header">
    <div id="menu">
    </div>
    Rest of the Header Content
  </div>
  <br />
  <div id="content">
    Main Content
  </div>
  <br />
  <div id="footer">
    Footer Content
  </div>
  <script>
    $("#menu").load("menu.html");
  </script>
</body>
</html>

【讨论】：

谢谢，我会尝试调整它以使其在我的应用程序中工作
如果你能够得到这个工作，请接受这个作为答案:)