html - 跨多个网页创建单个菜单 - 无需 PHP

Question

我正在努力用 django 建立一个网站。我想在多个 [无限] 网页上实现一个菜单。做这个的最好方式是什么？

我真的很想以某种方式制作一个 html 文档，然后从我的其他页面中引用它。这样我就可以对单个文档进行更改，它将影响所有页面。

谢谢

score 1 · Accepted Answer

我认为您想要做的是扩展模板。

制作一个名为base.html. 在此文件中，将您的菜单或您想要的任何其他内容放在所有页面中。

然后，包括一些看起来像这样的东西。

{% block content %} {% endblock %}

在您的其余模板中（用于实际提供内容），您必须将该行 {% extends "base.html" %}作为第一行。

然后围绕您的内容：

{% block content %}
    Your content Here
{% endblock %}

score 0 · Accepted Answer

对于一个简单的解决方案，使用<iframe>单个menu.html文件作为源。

<iframe src="menu.html"></iframe>

框架可能不是最有效的解决方案，但它肯定是最简单的。

这样您就可以在每个页面中获得相同的页面。

提示：将其格式化为无边框以实现隐身集成！

score 0 · Accepted Answer

最简单的方法是 PHP。看看这里：

page1.php：

<body>
<?php include('menu.html'); ?>
page 1 content
page 1 content
</body>

page2.php：

<body>
<?php include('menu.html'); ?>
page 2 content
page 2 content
</body>

pageinfinite.php：

<body>
<?php include('menu.html'); ?>
pageinfinite content
pageinfinite content
</body>

以及：menu.html

<a href="page1.php">Page 1</a>
<a href="page1.php">Page 2</a>
<a href="page1infinite.php">Page infinite</a>

如果您要在 menu.html 中添加另一个项目，它将出现在每个页面上！

不错吧？

3 回答 3