网站菜单导航：div代替框架（html5，css）

Question

多年前我用html和框架制作了网站。现在我可以看到所有现代网页都使用HTML5和CSS（div）。我已经知道如何制作一个漂亮的网站设计，但我正在努力在网站上进行导航。

可以说我有一个网站index.html与2个div（div导航和div内容）。

当我点击菜单栏（div导航）中的链接时，href是另一个.html文件。前面的例子我有一个关于about.html的链接。

是about.html index.html的副本，只是在div内容中的另一个文本？所以菜单又重新生成了？

这意味着我必须复制index.html并重新编写div内容部分。而div导航部分将永远是相同的？

我真的很努力的想法，每次都在每个单一的文件的菜单栏，而不是旧的框架式，如果这是如何使用它。

Answer 1

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