保持网页之间导航的最佳技术

时间:2013-07-09 21:37:01

标签: php javascript html asp.net css

我对网络开发还很陌生,我一直在研究在多个网页中重用导航/横幅的最佳方法,但我一直无法找到确凿的答案。

我想做什么: enter image description here

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

我想知道的事情:

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

  • HTML + CSS?似乎有几种不同的方法来实现它 这个;例如使用服务器端包含或使用CSS隐藏页面。
  • 使用JS / jQuery
  • ASP.NET母版页。这似乎是最好的方法,虽然对于这样一个基本网站来说似乎有些过分。
  • PHP:例如在每个页面中包含标题。
  • 还有别的吗?

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

感谢您的帮助。

4 个答案:

答案 0 :(得分:2)

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

E.g:

//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 /模板引擎,我会经常使用这样的系统。

如果您复制和粘贴,此代码可能无法正常工作,这只是一个粗略的例子

答案 1 :(得分:1)

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

如果您是.NET商店,我会使用MasterPages。 MasterPages为您提供所需的好处,如果您的网站将来变得更加复杂,MasterPages除了在网站上维护类似的标记之外还有其他好处,例如共享所有子页面可能访问的方法和控件。

如果你不是一个.NET商店,并且你真的不认为这个网站会变得复杂,那么坚持使用HTML和CSS中的服务器端包含。

答案 2 :(得分:1)

如果您的网站是完全静态的,我会选择服务器端包含/ shtml。 PHP包含也会很好。 ASP.NET主页很好,但是你运行的服务器是什么?对于公共消费,最便宜的解决方案通常是apache(因此可以是shtml或php)。

干杯。

答案 3 :(得分:0)

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

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