保持网页之间导航的最佳技术[关闭]答案

【问题标题】：Best technology for keeping navigation between web pages [closed]保持网页之间导航的最佳技术[关闭]
【发布时间】：2023-04-04 01:41:01
【问题描述】：

我是网络开发的新手，我一直在研究什么是在多个网页中重用导航/横幅的最佳方法，但我一直无法找到确切的答案。

我想做的事：

网站内容几乎完全是静态的。我不需要 CMS 或类似的东西。这是一个非常简单的网站。

我想知道的：

保留横幅/导航但更改内容的最佳方法是什么？

HTML + CSS？似乎有几种不同的方法可以实现它这;例如使用服务器端包含或使用 CSS 隐藏页面。
使用 JS/jQuery
ASP.NET 母版页。这似乎是目前最好的方法，尽管对于这样一个基本网站来说似乎有点过头了。
PHP：例如在每个页面中包含标题。
还有什么？

那么保持页面之间导航的最佳选择是什么？

感谢您的帮助。

【问题讨论】：

这个问题不属于 StackOverflow。你应该试试Programmers, by StackExchange。真可惜，因为这是一个写得很好的问题。 :(
没有最好的单一选择。除非您使用 HTML5 History API 或 hashbang hack，否则 JS/jQuery 将中断对特定页面的热链接。 PHP 包含通常很好，而且麻烦更少，但这取决于您的需要。
框架、Dreamweaver 模板或 SSI 是最简单的选项，具有最少的限制和复杂性。
不要使用框架，不要使用框架，不要使用框架
@Dagon：框架有什么不好？他们提供搜索引擎优化、可访问性和几乎所有工作......

标签： php javascript html asp.net css

【解决方案1】：

对于一个非常简单的网站，创建一个模板页面 template.php，为您的内容创建文件夹，然后为您网站中的每个页面指定您要包含的内容，然后包含该模板。

例如：

//template.php
<?
  if( !isset $pageTitle ) $pageTitle = 'Hello World';
  if( !isset $pageContent ) $pageContent = 'content/home.php';
?>
<html>
  <head>
    <title><?php echo $pageTitle ?>
    // add css links here
  </head>
  <body>
    <? require_once($pageContent) ?>
  </body>
</html>

// index.php
<?
  $pageTitle = 'My Home Page';
  $pageContent = '/content/home.php'

  require_once('template.php');
?>

// content/home.php
<h1>Welcome to my site</h1>

如果我不想使用已经存在的大型复杂 CMS/模板引擎之一，我会经常使用这样的系统。

如果复制粘贴，这段代码可能不起作用，这只是一个粗略的例子

【讨论】：

使用 php 似乎是最常见的答案。它看起来也很基本。所以我会接受你的回答作为最好的。谢谢！
它是免费的、开源的，有很多库可以提供帮助，还有很多其他的开发人员可以交流，这是一个很好的起点，还有很多大型网站都在 PHP 上运行。祝你好运。

【解决方案2】：

这个问题将被关闭，因为它过于基于意见，但我会给你我的意见。

如果您是 .NET 商店，我会使用 MasterPages。 MasterPages 为您提供所需的好处，如果您的网站在未来变得更加复杂，MasterPages 的好处不仅仅是在整个网站上维护类似的标记，例如共享所有子页面都可以访问的方法和控件。

如果您不是 .NET 商店，并且您真的认为该站点不会变得复杂，请坚持使用 HTML 和 CSS 中的服务器端包含。

【讨论】：

好的，感谢您的帮助。

【解决方案3】：

如果您的网站是完全静态的，我会选择服务器端包含/shtml。 PHP 包含也可以很好地工作。 ASP.NET 母版页很好，但是您在哪个服务器上运行？对于公共消费，最便宜的解决方案通常是 apache（因此是 shtml 或 php）。

干杯。

【讨论】：

【解决方案4】：

您可以简单地在所有页面中使用相同的标题。是否使用 PHP 无关紧要。既然您说您的网站很简单，这可能是最好和最简单的选择。

使用 AJAX (js) 之类的东西来动态加载内容对于一个简单的网站来说可能是多余的。但没有正确或错误的答案。

【讨论】：