#021: 拆分成可包含的部分

现在我们正在运行自定义本地域名,我们可以使用 PHP。MAMP 中的“P”代表“PHP”=)。使用 PHP 意味着我们可以使用包含文件。例如

<?php include("header.php"); ?>

我们的目标是创建一个静态的“博客文章”页面来开始进行一些操作。我们可以通过复制我们的 index.html 页面(现在是 index.php)来实现,但如果这样做,我们在该文件中将会有大量重复代码。请记住,我们正在努力保持尽可能 DRY(不要重复自己)。

我们在名为“parts”的文件夹中创建一些可重用的代码片段,这些代码片段在所有页面中都是通用的。例如,将 DOCTYPE 和头部内容放在一个部分中,导航和页脚(目前只是一些关闭标签)也是如此。

现在我们的 index.php 页面和 blogpost.php 页面都使用多个包含文件,并且只有在真正重要的内容上有所不同。

我们通过创建一个 2/3 1/3 的布局来扩展网格的可能性,我们将在类似文章的页面上更常使用它。

我们没有包含 body 标签,以防我们需要更改 body 标签的类以用于样式,以便在根据层次结构较高的类进行样式时变得有用。

我们使用来自真实博客文章的真实 HTML 设置 blogpost.php。因为,与以往一样,最好围绕真实内容而不是虚假内容进行设计。它需要大量的工作,但我们有一个很好的基础可以从中开始工作。