【问题标题】:PHP in HTML5 boilerplateHTML5 样板中的 PHP
【发布时间】:2014-11-23 13:49:16
【问题描述】:

我听说了 Paul Irish 的 HTML5 Boilerplate。我看了几个关于它的教程。我什至观看了 Paul Irish 自己关于 HTML5 Boilerplate 的视频。我刚刚了解到 HTML5 样板是一个模板,可以为您的 Web 应用程序创建更好、快速且支持跨浏览器的用户界面。 我只是对所有的东西有点困惑。

在使用样板文件时将 PHP 文件放在哪里? 我只是一个初学者,我一直使用 PHP 在嵌入 HTML 和 CSS 的本地主机上工作,所以这些东西对我来说有点新。 我的意思是把你的 php 代码放在那个模板的什么地方。

我不知道这是不是一个愚蠢的问题,只是想想一个新手问你愚蠢的事情:)

【问题讨论】:

    标签: html html5boilerplate


    【解决方案1】:

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

    如果您习惯于使用 PHP 来生成 HTML,那么不会有太大变化。您需要解决的是从服务器提供的每个页面(即 PHP 生成的页面)都需要包含对 HTML5 样板中所需的所有 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 等包含在头文件中。做最适合您的项目的方法,允许更多可重用的代码。)

    【讨论】:

    • 我习惯于为前端部分编写代码。例如,我编写 header.php、footer.php messageBox.php 等,然后将这些部分包含在所需的位置。令人困惑的是,在 index.html 文件中处理跨浏览器兼容性问题的 html5 样板部分如何处理跨浏览器兼容性问题等,例如在 index.html 最开始时对 iE 的条件检查。我应该在每个文件中都写这些检查吗?
    • @SubhanAhmed - “不要重复自己” - 任何需要在每个页面中的内容只需提取到包含文件并将其包含到每个页面中。我将编辑我的答案以演示一些伪代码。
    猜你喜欢
    • 2016-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多