html - 网站的外部菜单

标签 html css menu

我将如何创建一个菜单(复杂的、简单的等等 - 在这个例子中无关紧要)然后链接到我网站的每个页面中的每个菜单?

我想创建菜单,然后有index.htmpage2.htmpage3.htm , .. pageN.htm 引用它并加载它,就像它单独存在于每个页面上一样。

基本上,我希望一次编写,到处使用。

例如:

Menu:

Home | Page 1 | Page 2 | Page 3 | Page N

然后:

Page1.htm

Home | Page 1 | Page 2 | Page 3 | Page N

Content
More Content
Even More Content

...和...

Page2.htm

Home | Page 1 | Page 2 | Page 3 | Page N

Content
More Content
Even More Content

...等等,这样当我更改菜单的内容时,它会自动反射(reflect)在引用它的每个页面上,这与 CSS 的工作方式大致相同。

非常感谢。

最佳答案

复制/粘贴。 :)

说真的,我只做了一两年的 HTML/CSS 开发,我发现唯一可靠的方法是复制/粘贴菜单。现在,如果您完全进入 PHP,即使是一行 PHP,您也可以include 一个 HTML 文件(这里是您的菜单),该文件保存在一个单独的 menu.html 文件中。

要使菜单保持最新需要做很多工作,尤其是当您有很多页面时 - 这就是为什么这么多人切换到 Joomla/Wordpress/Drupal 等内容管理系统 (CMS) 或添加 PHP 的原因,甚至 Dreamweaver 都可以(库元素)。

关于html - 网站的外部菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11090104/

相关文章:

html - 有没有一种 CSS 方法可以使导航底部边​​框与悬停边框对齐?

javascript - SSRS ReportViewer 使用 HTML5 渲染器渲染报告的速度很慢

html - 在网页上的一行中打印两个不同的东西

css - 如何使页面中的div居中

html - <导航> 或 <菜单> (HTML5)

android - 如何在 android 4.0 ICS 中启用底部菜单按钮

c# - 如何从 .net 3.5 SP1 中提供的 wpf WebBrowser 进行打印?

css - 在 div 内垂直居中未知长度的文本

jQuery:添加 css() 和 fadeToggle

html - 如何在另一个 div 中正确定位 div?