html - 如何制作可重用的 HTML 导航菜单?

标签 html css navigation-drawer menubar appbar

我敢肯定这个话题一直都在出现,
但我似乎无法给出一个简洁的答案。

我有一个垂直菜单栏,我想在网页中重复使用它 (>20)。 Menu Bar以 HTML 编码并使用 uses: UL, LI, A , <Div>标签和 CSS。我们需要这个:

  1. 可重复使用
  2. 可维护
  3. 可扩展

因此我们不必在每次添加页面时都修改所有页面。

如果可能,我们宁愿避免编码方法。我们可以只使用一个我们根据需要编辑的主文件。因为我们使用 CSS<div> s,我认为框架不适合我们。我们能做什么?

最佳答案

如果您不想使用编程语言,则服务器端包含是一种选择。

它们采用这种形式:

<!--#include virtual="menu.html" -->

并且将被插入到您将该标记放入 HTML 中的页面中。它需要服务器端解析,因此您的 Web 服务器必须启用服务器端包含。您可以尝试一下,如果它不起作用,请联系您的服务器主机以查看是否可以启用它们。如果是 Apache,则有一个 method of enabling them也通过 .htaccess 文件。

关于html - 如何制作可重用的 HTML 导航菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1229333/

相关文章:

javascript - 在窗口的左上角创建一个模式

html - 将元素垂直对齐到 div 列的底部

android - 抽屉导航犹豫

android - 如何设置自定义 ActionBar 颜色/样式?

android - 如何在点击ImageView时打开滑动抽屉导航?

php - <输入类型="file"接受="image/*;capture=camera">使用php将图像保存到数据库

jquery - 大小变化时div元素可以固定位置吗?

javascript - 未捕获的类型错误 : Cannot Set Property 'Render' of Undefined

css - 如何在 Angular 单元测试中访问 .css 文件中存在的样式

html - 是否有任何选项可以通过悬停来更改其他 div 元素?