HTML HTML5基本页面模板

Posted 2021-05-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML HTML5基本页面模板相关的知识，希望对你有一定的参考价值。

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta http-equiv=&quot;Content-type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;

  &lt;title&gt;untitled&lt;/title&gt;

  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
  &lt;!--[if IE]&gt;&lt;script src=&quot;http://html5shiv.googlecode.com/svn/trunk/html5.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; charset=&quot;utf-8&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
  
&lt;/body&gt;
&lt;/html&gt;

多个页面的 HTML 页面模板

【中文标题】多个页面的 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 HTML5基本页面模板的主要内容，如果未能解决你的问题，请参考以下文章