如何使用html5锅炉板?

时间:2012-04-17 19:30:21

标签: html5 html5boilerplate

我是一名新手webdeveloper。虽然,我理解html5样板带来了什么,我想知道如何扩展/定制它以在我的所有html文件中使用它?

截至目前,它提供了index.html。

  1. 那么,创建新的html文件的约定/方法是什么?
  2. 我应该创建一个单独的html文件夹吗?
  3. 如何继承index.html文件的属性?(复制粘贴?)不能像Django那样继承baseurl吗?
  4. 虽然,我对处理javascript和css有一些了解,在处理html5样板和跨浏览器兼容性时我应该注意什么?

3 个答案:

答案 0 :(得分:7)

一开始,没有真正的押韵或理由存放你的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)

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

答案 1 :(得分:0)

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

default.properties位于/ build / config

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

file.pages = new-page.html“

答案 2 :(得分:-1)

HTML5 Boilerplate的核心

  • HTML - 默认HTML指南。
  • CSS - 默认CSS的指南。
  • JavaScript - 默认JavaScript的指南。
  • .htaccess - 关于Apache Web服务器配置的所有内容(另请参阅我们的备用服务器配置)。
  • crossdomain.xml - 使用跨域请求的简介。
  • 其他一切。