如何使用 html5 样板文件？答案

【问题标题】：How to use html5 boiler plate?如何使用 html5 样板文件？
【发布时间】：2012-04-17 19:30:20
【问题描述】：

我是一名新手网络开发人员。虽然，我了解 html5 样板带来了什么，但我想知道如何扩展/自定义它以在我的所有 html 文件中使用它？

截至目前，它提供了一个 index.html。

那么，创建新 html 文件的约定/方法是什么？
我应该创建一个单独的 html 文件夹吗？
如何继承 index.html 文件的属性？（复制粘贴？）难道不能有类似 Django 的东西可以继承 baseurl 吗？
虽然我对处理 javascript 和 css 有一定的了解，但在处理 html5 样板和跨浏览器兼容性时我还应该注意什么？

【问题讨论】：

标签： html html5boilerplate

【解决方案1】：

一开始没有真正的押韵或理由来存储你的 html 文件，因为通常它只是加上一些 css 文件，或其他什么。

但是，当您开始真正的开发时，例如在前端 + 后端代码的框架中，您会发现为了文件访问控制和命名约定。

在这种情况下，您最终会得到一个“资产”文件夹，或“公共”文件夹或类似的东西。 Boilerplate 倾向于遵循该约定。

为了使样板自动扩展到您的所有 html 文件，您必须将视图文件开发为模块化。

 Main template file
 |
 ----header (contains all the references / includes to boilerplate)
 ----content
 ----footer

另外，请注意，此时您的 html 将不再存储为 .html 文件类型；您必须使用能够将文件组合成块的语言。 PHP 很好地做到了这一点，如您所知，django 也可以处理。 Ruby on rails 等，您需要决定使用哪种语言。否则，组合 html 块的旧方法是服务器端包含（又名 SSI 或 .shtml）

通过让您选择的服务器端语言与您的网络服务器的指令一起使用，可以解决基本 url 的问题。对于 apache，您使用 mod_rewrite，然后您可以在 url 中传递一个针对某些类/模型/视图等的 arg。MVC 框架实际上已经为您解决了这个问题，如果您不介意使用的话。

【讨论】：

您可以参考我的任何特定链接/书籍，以了解更多相关信息？（模块化模板和使用 PhP 来做你刚才建议的事情。我对 Django 这样做很满意，但还没有这样做）

【解决方案2】：

“你可以在project.properties中覆盖你想要操作的文件夹和文件。所有的默认配置都在default.properties中。” http://html5boilerplate.com/docs/Build-script/

default.properties 在 /build/config 中

您需要将页面添加到以“file.pages”开头的行，如下所示：

file.pages = new-page.html"

【讨论】：

【解决方案3】：

HTML5 Boilerplate 的核心

HTML — 默认 HTML 指南。
CSS — 默认 CSS 指南。
JavaScript — 默认 JavaScript 指南。
.htaccess — 关于 Apache Web 服务器配置的所有信息（另请参阅我们的替代服务器配置）。
crossdomain.xml — 介绍如何使用跨域请求。
其他一切。

【讨论】：