2012-04-17 67 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 - 介紹如何使用跨域請求。
  • 其他一切。