2012-04-17 71 views
6

我是一个新手web开发者。虽然,我明白html5锅炉板带来什么,我想知道如何扩展/定制它以在我所有的html文件中使用它?如何使用html5锅炉板?

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

  1. 那么,创建一个新的html文件的惯例/方法是什么?
  2. 我应该创建一个单独的html文件夹吗?
  3. 如何继承index.html文件的属性?(复制粘贴?)不能有像Django那样可以继承baseurl的东西吗?
  4. 虽然,我对处理javascript和css有一些了解,在处理html5锅炉板和跨浏览器兼容性时,我应该照顾其他任何事情吗?

回答

7

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

但是,当你进入真正的开发时,就像前端+后端代码的框架一样,你会发现需要将事情分离为服务器端和公共端,以利于文件访问控制和命名约定。

如果是这样,你最终会得到一个“资产”文件夹或“公共”或类似的东西。锅炉板往往遵循这个惯例。

为了使样板自动扩展到所有的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的问题可以通过让您选择的服务器端语言与您的Web服务器的指令一起工作来解决。对于apache,你可以使用mod_rewrite,然后你可以在URL中传递一个arg来定位一些类/模型/视图等。如果你不介意使用它,MVC框架实际上已经为你解决了这个问题。

+0

您可以引用我的任何特定链接/书籍,阅读更多关于此? (模块化模板和使用PhP来完成你刚才的建议,我很喜欢Django这样做,但还没有完成) – Hick 2012-04-17 19:53:36

+0

MVC:codeigniter,kohana,zend,http://www.phpwact.org/php/mvc_frameworks – Kristian 2012-04-17 19:54:18

0

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

default.properties在/构建/配置

您需要将网页添加到以“file.pages”开头的行,像这样:

file.pages =新页.HTML”

-1

HTML5样板

  • HTML的核心 - 一个引导到默认HTML
  • ç SS - 默认CSS的指南。
  • JavaScript - 默认JavaScript指南。
  • .htaccess - 关于Apache Web服务器配置的所有信息(另请参阅我们的备用服务器配置)。
  • crossdomain.xml - 介绍如何使用跨域请求。
  • 其他一切。