多个页面的 HTML 页面模板

Posted

技术标签:

【中文标题】多个页面的 HTML 页面模板【英文标题】:HTML page template for multiple pages 【发布时间】:2014-07-27 06:38:59 【问题描述】:

我正在开发一个有点广泛的网站,并且有一段时间没有从事网络开发工作。我想为网站上的每个页面创建一个基本布局。也就是说,我想创建一个页眉、页脚、导航栏和标准容器,它们在网站上的所有页面上都是相同的。

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

【问题讨论】:

查看 php 包含的教程。 哪个框架和技术? 【参考方案1】:

Bootstrap,一个时尚、直观且功能强大的移动优先前端框架,用于更快、更轻松地进行 Web 开发

http://getbootstrap.com/

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

【讨论】:

感谢您的建议。我一定会研究引导程序。【参考方案2】:

你可以这样做。

创建 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

【讨论】:

感谢您的快速响应。我包含在 php 文件中的元素可以通过 CSS 访问吗?还是在 PHP 文件中处理? 您应该在头文件的顶部包含 css 并在 css 上正常工作。当您在 html 页面中工作时。

以上是关于多个页面的 HTML 页面模板的主要内容,如果未能解决你的问题,请参考以下文章

UMI针对特定页面指定模板

thinkphp中html页面怎么引入html页面

如何包含多个 xhtml 页面,这些页面将相同的模板扩展为摘要 xhtml 页面,

gin多模板模板嵌套使用方法

如何使多个页面同步使用一个页面模板

django模板的导入