Question

我听说过Paul Irish的HTML5 Boilerplate。我看了几个关于它的教程。我甚至看过Paul Irish自己关于HTML5 Boilerplate的视频。我只是理解HTML5样板是一个模板，可以为您的Web应用程序创建更好，更快且跨浏览器支持的用户界面。我对所有的东西都有点混乱。

在使用样板文件时将PHP文件放在哪里？ 我只是一个初学者，我一直在使用PHP工作在嵌入了HTML和CSS的本地主机上，所以这些东西对我来说有点新鲜。我的意思是将PHP代码放在该模板中的哪个位置。

我不知道这是一个愚蠢的问题，只想到一个新手问你愚蠢的事情：）

Answer 1

您正在谈论两个不同的事情 - 将前端客户端内容与服务器端混淆。

如果您习惯使用PHP来生成HTML，那么不会有太大变化。您需要解决的是，从服务器提供的每个页面（即PHP生成的页面）都需要包含对HTML5 Boilerplate中所需的所有CSS和JS的引用。

实现这一目标的一种简单方法是使用包含页眉和页脚组件的php包含文件。例如，在HTML5 Boilerplate的源代码中，您有一个名为index.html的文件，其中包含一行代码：

<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>

上面的所有内容都包含在一个名为header.php的文件中（例如），然后它下面的所有内容都包含在一个名为footer.php的文件中

现在，每当您使用服务器生成的任何内容提供PHP页面时，请记住包含这两个文件。这是一种标准的PHP包含技术。您需要确保的是我们正确处理的每个JS和CSS源的路径。

（或者你也可以使用PHP模板系统，并且更优雅地处理这些包含。如果你有一个最喜欢的模板引擎使用它。）

编辑：一些非常基本的伪代码。示例页面“index.php”

<?php
include "header.inc.php";
include "html5boilerplate_components.inc.php";
include "my_css.inc.php";
include "my_js.inc.php";

include "homepage_content.inc.php";

include "footer.inc.php";
?>

然后你将homepage_content.inc.php替换为另一个页面的不同文件。（如果你希望它更整洁，你可能会在标题中包含你的CSS / JS等。做最适合你的项目的东西，它允许更多可重复使用的代码。）

HTML5样板中的PHP

1 个答案: