構建高適應性Web應用或網站的模板:HTML5 Boilerplate

jopen 11年前發布 | 27K 次閱讀 JavaScript開發 HTML5 Boilerplate

HTML5 Boilerplate 是由Paul Irish(Google Chrome 開發人員、jQuery 項目成員、Modernizr 作者、yayQuery 播客主持人)主導的一個幫助快速建立健壯并且高適應性Web應用或網站的模板,其用戶有 Google、Microsoft、NASA、Barack Obama、Nike 等等。HTML5 Boilerplate 就能為您的項目提供一個堅如磐石的基礎。

HTML5 Boilerplate 的核心是用于幫助開發 HTML5 站點和應用程序的組件,包括:

  • Modernizr,一個小型實用程序庫,支持在 Windows? Internet Explorer? 中設置新的 HTML5 元素樣式,并協助在所有瀏覽器中進行 HTML5/CSS3 特性檢測。如果您正在使用 HTML5 進行開發且需要支持 Internet Explorer 版本 9 之前的瀏覽器版本 ,那么這個庫(或者我稍后將解釋的一個替代選項)將是您的項目必不可少的一個組件。
  • 構建于 HTML5 Doctor Reset 之上的一個 CSS 起始文件,包含幾個智能默認值和增強。
  • 內置 HTML5 語法,以及一些新的語義元素,用于構成您文檔的骨架。
  • </ul>

    除了這些核心的 HTML5 相關特性,該項目還實現了幾個優秀的最佳實踐。下面列出了部分最佳實踐:

    • 在整個項目過程中非常關注前端性能,采用適當的結構(CSS 位于頂部,JavaScript 代碼位于底部),一個 Google Analytics 異步實現,以及項目的 Apache ANT 構建腳本中提供的幾個基于性能的增強。
    • 幾個跨瀏覽器助手,包括 HTML 元素上的特定于 Internet Explorer 版本的類和一個針對 Internet Explorer 版本 6 的自動 PNG 補丁。
    • 樣例 .htaccess 和 web.config 文件,幫助您設置您的服務器來利用 HTML5 特性和 web 字體并通過一個智能緩存策略加速您的站點。
    • 遠遠超出典型重置范圍的 CSS 增強。這個樣式表使用精心挑選和偶爾聰明的默認值重構元素。它還添加了幾個方便的助手類。常見的 .clearfix 類是您需要熟悉的類,.hidden.visuallyhidden 等類也包含在內且非常有用。骨架打印樣式(Skeleton print styles)、分頁媒體樣式和用于快速響應 web 設計的媒體查詢也被包含進來。

    項目主頁:http://www.baiduhome.net/lib/view/home/1371354449250

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!