多个页面的HTML页面模板

时间:2014-06-06 04:38:23

标签: javascript jquery html css

我正在开发一个有点广泛的网站,并且暂时没有使用网络开发。我想为网站上的每个页面创建一个基本布局。也就是说,我想在网站的所有页面上创建一个页眉,页脚,导航栏和标准容器。

但是,我不想简单地复制和粘贴代码。有没有一种方法可以创建一个基本的中央页面模板,我可以编辑并在所有页面上进行更改?

2 个答案:

答案 0 :(得分:2)

Bootstrap,一个时尚,直观且功能强大的移动第一前端框架,可实现更快速,更轻松的Web开发

http://getbootstrap.com/

Bootstrap是一个可以帮助你的模板系统。

答案 1 :(得分:1)

你可以这样做。

创建 header.php navigation.php footer.php ,然后将它们包含在您需要的任何文件中。

即。

<html>
<body>
<div>
<?php include 'header.php'; ?>
<?php include 'navigation.php'; ?>
</div>
<div>
Some central content here
</div>
<div>
<?php include 'footer.php'?>
</div>
</body>
</html>

现在,当您更改header.php时,其更改将反映在您包含它的每个页面中。

如果你使用一些MVC框架,我还想提一点。其中有default.ctp概念。您可以在哪里为页面创建通用模板。

有关MVC框架的更多信息CakePHP