网站菜单导航:div代替帧(html5,css)

时间:2015-08-23 14:16:12

标签: html css html5 web frames

我几年前用html和frame制作了网站。现在我可以看到所有现代页面都使用带有css(div)的html5。我已经知道如何建立一个漂亮的网站设计,但我正在努力与网站上的导航。

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

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

about.html是index.html的副本,只是div内容中的另一个文本?菜单又重新构建了吗?

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

我真的很想再次在每个文件上都有菜单栏,而不是旧框架样式,如果这是它的使用方式。

1 个答案:

答案 0 :(得分:0)

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