网站菜单导航:div 而不是框架(html5、css)

website menu navigation: div instead frames (html5, css)

几年前我用 html 和框架制作了网站。现在我可以看到所有现代页面都使用 html5 和 css (div)。我已经知道如何设计一个漂亮的网站,但我在网站导航方面遇到了困难。

假设我有一个网站 index.html,有 2 个 div(div 导航和 div 内容)。

当我单击菜单栏(div 导航)中的 link 时,href 是另一个 .html 文件。例如我有一个 link 到 about.html.

about.html 是否是 index.html 的副本,只是在 div 内容中添加了另一个文本?所以菜单重新构建了?

这意味着对于每一面我都必须复制 index.html 并重新编写 div 内容部分。 div 导航部分将始终相同?

我真的很纠结于每次都在每个文件上都使用菜单栏,而不是旧的框架样式,如果这是这样的话。

  1. 您可以将导航存储在单个文件中,例如 my_awesome_menu.php,并在您网站的每个页面中使用 include 'my_awesome_menu.php';。当您在 my_awesome_menu.php 中添加新项目时,您的所有页面都会发生变化。仅当您有服务器 运行 时它才会工作。它不会像处理 html 个文件那样在您的桌面上运行,因为没有人可以执行 php 个文件。
  2. 您应该将所有样式存储在一个或多个外部 .css 文件中。它易于维护,并且您可以获得显着的好处,因为浏览器会在下载样式后缓存样式。这意味着当用户打开第二个页面时,他不会再次加载 CSS,他只会加载此特定页面的 HTML。