web 合作开发项目组的两个常用课堂教学是创建几组LZSS，项目组成员如前所述它们已经开始 web 合作开发业务流程，主要包括两个公共文件格式内部结构、基本命名规矩和标准库。这样做能更容易启动并运行两个工程项目。它还能将合作开发者带向内部代码标准并实施LZSS组织。HTML5 Boilerplate 就是这种处于 web 合作开发前沿的完美理念的同时实现。
结合了采用 HTML5须要的两个进一步增强和许多其他最差课堂教学，只需最多的前期投资，HTML5 Boilerplate 就能为您的工程项目提供更多两个长存的基础。本文详述了采用 HTML5 Boilerplate 来已经开始两个工程项目的方式，展示了许多能对其展开Listary，使其适应两个已有框架和代码风格的方式。
HTML5模块
HTML5 Boilerplate 的核心理念是用作协助合作开发 HTML5公交站点和插件的模块，主要包括：
Modernizr，两个小型程序库库，全力支持在 Windows InternetExplorer 中增设捷伊 HTML5原素式样，并协助在所有插件中展开 HTML5/CSS3优点检测。如果您正在采用 HTML5展开合作开发且须要全力支持 Internet Explorer 版9 之前的插件版，那么那个库（或者我接著将解释的两个替代快捷键）将是您的工程项目不可或缺的两个模块。构筑于 HTML5 Doctor Reset 之上的两个 CSS 初始文件格式，包涵两个智能化缺省和进一步增强。内建 HTML5句法，和许多捷伊句法原素，用作构成您文件格式的金属内部结构。
除了这些核心理念的 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 设计的新闻媒体查阅也被包涵进来。
尽管看起来已经不少了，但上面的条目只是那个工程项目内含的最差课堂教学的两个样品。即使对于持续高度关注这些事情的人来说，这也是两个更让人第一印象真切的子集。事实上，那个集合是如此更让人第一印象真切，以致于该工程项目承认这样两个事实：那个子集是“删除键亲善的”。这句话的意思是：它是两个强壮的子集，并不是每个人都须要在每个工程项目中默认包涵每个优点。
所有这一切都指向两个采用 HTML5 Boilerplate 的核心理念教训：由于 HTML5Boilerplate 意味着被用作两个基础，因此在工程项目启动时启用这些文件格式不是可快捷键，而且是必须执行的操作。认识到这一点之后，我们现在可以已经开始逐步演示两个 HTML5 Boilerplate 工程项目并采用那个删除键来定制它了。
采用 Boilerplate
当您阅读下面的小节时，请记住，那个逐步演示的目的并不是规定您应该如何增设您的工程项目，而是演示您如何能和应该如何解决那个问题，以便那个基础平台适应您的特定工程项目和合作开发风格。
要获得代码，最简单的方式就是从工程项目网站下载（见参考资料）。鉴于本文的目的，我假定您已经下载代码，获得了 stripped 版。
如果您能访问两个 UNIX shell，那么可以导航到工程项目的构筑目录并运行其中的 createproject.sh 文件格式，这将在 HTML5 Boilerplate 根文件格式夹中生成两个干净的目录。
如果您处于一台 Windows 机器上，或者在放置输出文件格式方面想要更多灵活性，因而不能运行 shell 脚本，那么您可以检查 stripped 的分支，然后下载两个存档文件格式。通常，您采用 Smart Git 或 TortoiseGit 这样的工具来执行那个操作，但也可以从命令行执行，如下所示：
git checkout -b stripped origin/strippedgit archive stripped –format=zip –output=/path/to/your/files.zip
无论您采用哪种方式，都须要移动到您新创建的副本并展开定制。
定制
通常，我展开的首次编辑取决于我计划采用高级 HTML5、CSS3或其他新兴技术的程度。如果您正在创建两个内容公交站点或博客，且只想采用捷伊句法标记对您的公交站点展开“未来证明（future-proof）”，那么可以采用 html5shiv 那个小代码段替换外部 Modernizr 脚本。html5shiv 代码的用途是使 CSS 在 Internet Explorer 的较早版中用作捷伊句法原素。Modernizr 比较快，但如果您不打算利用测试 Modernizr 发布，那么可以通过选择简化快捷键来为您的用户节约几毫秒时间。
我经常自动删除的两个部分是坐落于底部的配置部分。如果不用它，最好立即删除。根据您的当前工程项目的需求，您也可以删除用作 Internet Explorer 6的 PNGFix 解决方案。
在 HTML 文件格式外部，您可以立即删除工程项目根目录中的许多文件格式和文件格式夹，原因是您不须要它们（test 文件格式夹、web.config、crossdomain.xml 和 nginx.conf），或者拥有自己的版（robots.txt 和.htaccess）。
两个额外的注意事项
如果您在一台运行 Windows 的机器上采用文件格式 protocol 合作开发模板并在 Internet Explorer 中测试它们，那么您肯定熟悉那些无穷无尽的安全对话框，只要您试图运行任何内容— 即使以远程交互式方式运行— 那些对话框就会弹出来。要消除那个现象，只需将“Mark of the Web”直接插入 doctype 声明之后。那个简单的代码段将把 Internet Explorer 放入 Internet区，并抑制更让人讨厌的安全对话框。
注意，这段代码也被工程项目的构筑脚本剥离出去，因此它不会进入生产环境。
文件格式夹内部结构
这不是两个典型定制，但它真的展示了这样两个事实：HTML5Boilerplate 是两个基础— 仅此而已。如果您不喜欢某个内容，尽管修改它。您才是那个推动工程项目前进的人。
每当我已经开始两个工程项目时，我都首先调整文件格式夹内部结构。现有内部结构没有任何错误：我只是喜欢将所有静态资产（脚本、flash 原素、图像、式样表）放置到两个名为 assets 的顶级目录中。这样做将保持两个更整洁的根目录，将那些经常被引用的原素推到文件格式窗口中的目录树的顶端。除此之外，我还在 CSS 文件格式夹中加进两个子目录，分别用作 Web 手写体和 CSS 图像。由于以前处理过许多将图像用作内容的公交站点，我喜欢将内容图像和界面图像分离开来，这就须要新建两个文件格式夹。
我还要简化 js 文件格式夹的层级内部结构，方式是删除 libs、mylibs 和 profiling 目录，将它们的内容移动到两个扁平的 js 目录中。完成后的结果如图 1所示。
图1.新文件格式夹内部结构
此时，我只是确保 HTML 文件格式中的路径匹配新现实，我自己展开了许多调整。我还对构筑脚本展开了许多调整，这将在下一节中介绍，但总的来说，我准备好已经开始我的新工程项目了。
构筑脚本
当您准备好打包您的公交站点时— 要么作为两个静态公交站点交付，要么作为两个将来用作与两个 CMS 或其他平台集成的构筑工具，是时候访问/build 目录了。就目前而言，HTML5 Boilerplate 拥有两个 ANT 构筑脚本，该脚本包涵两个用于打包内容的有用任务。
注意：如果您想将其他构筑系统集成到您的工程项目中并且您是两个 Rake、Apache Maven 或其他构筑系统大师，那么您可以直接采用 github，分割工程项目，展开构筑。
构筑脚本的功能
采用 ANT —两个如前所述 Java 的构筑工具，那个构筑脚本执行以下任务：
采用 YUI 压缩程序合并和缩小 JavaScript合并和缩小 CSS采用 jpegtran 和 optipng 优化 JPG 和 PNG 文件格式移除仅用作合作开发的代码采用 htmlcompressor 配置 HTML 缩小修改文件格式名展开智能化内存（特别是内存已更捷伊文件格式）
有4 个任务您应该注意：
build。执行细小的 HTML 优化，缩小内联脚本和式样，连接和缩小外部 JavaScript 代码和 CSS，处理图像buildkit。保留 HTML 空白以在今后的生产业务流程中保持可读性，缩小内联脚本和式样，连接和缩小外部 JavaScript 代码和 CSS，处理图像minify。执行完整的 HTML 缩小，缩小内联脚本和式样，连接和缩小外部 JavaScript 代码和 CSS，处理图像text。执行完整的 HTML 缩小，JavaScript 代码缩小，连接和 CSS 缩小，不执行图像优化
如果您正在运行默认 boilerplate，那么只要您安装了 Java 且您的路径中有 ANT，上述任务就应该能完成。
如果您和我一样，也对您的文件格式架内部结构展开了许多调整，那么您必须对构筑脚本展开许多定制。您将在两个名为 build.properties 的文件格式中展开大部分更改，您可能必须调整构筑脚本中的一到两行。
build.properties 中的更改（如清单1 所示）都是如前所述目录的。变量被更新为将构筑脚本指向 JavaScript 代码、CSS 和图像的新位置。
清单1.示例 build.properties 文件格式
#build properties is where you override default configuration elements.#in my case I just need to set some new folder references.# Custom Build options ———————————# Project structure —————————–# Directory namesdir.assets = assetsdir.js =${dir.assets}/js# Main JS script folder (Will be concatenated and minified)dir.js.main =${dir.js}dir.css =${dir.assets}/cssdir.images =${dir.build}/imagesdir.cssimages =${dir.css}/images
对于我的环境，我须要修改 build.xml 中的一行来引用我的第二个图像目录。清单2 展示了那个简单的更改。您将在这里看到操作系统级分支，因此下面的示例采用两个 Windows 环境。还有针对 Linux 和 Mac OS X 的分支，那里也须要展开类似的更改。
清单2.编辑 build.xml
[snip…][snip…]
展开这些更改之后，您就获得了两个根据您的喜好展开调整的、功能齐全的工程项目，您已准备好构筑优化代码了。
结束语
如您所见，进入 HTML5 Boilerplate 工程项目的门槛十分低，有充足的空间用作试验。您可以将那个工程项目作为您的试验工程项目，探索它带来的好处，如果其中有任何缺失或您不须要的东西，尽管展开相应修改。
相关主题
从工程项目网站下载 HTML5 Boilerplate 代码。在 Github 上高度关注 HTML5 Boilerplate。阅读 HTML5 Boilerplate 文件格式。在 Twitter 上高度关注 HTML5 Boilerplate。要了解更多 HTML5信息，请参阅 W3C 的规范。探索 CSS3中的新优点。进一步了解 html5shim，它是两个 HTML5 Internet Explorer 全力支持脚本。
转载自：https://www.ibm.com/developerworks/cn/web/wa-html5boilerplate/
