HTML5 模板,HTML5 Boilerplate 4.0 发布

openkk 12年前
   HTML5 Boilerplate 的核心是用于帮助开发 HTML5 站点和应用程序的组件,包括:   <ul>     <li><code>Modernizr</code>,一个小型实用程序库,支持在 Windows® Internet Explorer® 中设置新的 HTML5 元素样式,并协助在所有浏览器中进行 HTML5/CSS3 特性检测。如果您正在使用 HTML5 进行开发且需要支持 Internet Explorer 版本 9 之前的浏览器版本 ,那么这个库(或者我稍后将解释的一个替代选项)将是您的项目必不可少的一个组件。 </li>     <li>构建于 HTML5 Doctor Reset 之上的一个 CSS 起始文件,包含几个智能默认值和增强。 </li>     <li>内置 HTML5 语法,以及一些新的语义元素,用于构成您文档的骨架。 </li>    </ul>    <p>除了这些核心的 HTML5 相关特性,该项目还实现了几个优秀的最佳实践。下面列出了部分最佳实践:</p>    <ul>     <li>在整个项目过程中非常关注前端性能,采用适当的结构(CSS 位于顶部,JavaScript 代码位于底部),一个 Google Analytics 异步实现,以及项目的 Apache ANT 构建脚本中提供的几个基于性能的增强。 </li>     <li>几个跨浏览器助手,包括 HTML 元素上的特定于 Internet Explorer 版本的类和一个针对 Internet Explorer 版本 6 的自动 PNG 补丁。 </li>     <li>样例 .htaccess 和 web.config 文件,帮助您设置您的服务器来利用 HTML5 特性和 web 字体并通过一个智能缓存策略加速您的站点。 </li>     <li>远远超出典型重置范围的 CSS 增强。这个样式表使用精心挑选和偶尔聪明的默认值重构元素。它还添加了几个方便的助手类。常见的 <code>.clearfix</code> 类是您需要熟悉的类,<code>.hidden</code> 和 <code>.visuallyhidden</code> 等类也包含在内且非常有用。骨架打印样式(Skeleton print styles)、分页媒体样式和用于快速响应 web 设计的媒体查询也被包含进来。 </li>    </ul>    <p>尽管看起来已经不少了,但上面的列表只是这个项目附带的最佳实践的一个样本。即使对于持续关注这些事情的人来说,这也是一个令人印象深刻的集 合。事实上,这个集合是如此令人印象深刻,以至于该项目承认这样一个事实:这个集合是 “删除键友好的”。这句话的意思是:它是一个健壮的集合,并不是每个人都需要在每个项目中默认包含每个特性。<br /> </p>    <p>HTML5 Boilerplate 4.0 发布了,下载地址:</p>    <p><a href="/misc/goto?guid=4958523037648217444" target="_blank">https://github.com/h5bp/html5-boilerplate/zipball/v4.0.0</a></p>    <p>4.0 改进记录:</p>    <ul>     <li>Improve the Apache compression configuration (<a href="/misc/goto?guid=4958523037739312009">#1012</a>, <a href="/misc/goto?guid=4958523037823616443">#1173</a>).</li>     <li>Add a HiDPI example media query (<a href="/misc/goto?guid=4958523037917961408">#1127</a>).</li>     <li>Add bundled docs (<a href="/misc/goto?guid=4958523038005228960">#1154</a>).</li>     <li>Add MIT license (<a href="/misc/goto?guid=4958523038095232577">#1139</a>).</li>     <li>Update to Normalize.css 1.0.1.</li>     <li>Separate Normalize.css from the rest of the CSS (<a href="/misc/goto?guid=4958523038191345837">#1160</a>).</li>     <li>Improve <code>console.log</code> protection (<a href="/misc/goto?guid=4958523038272677811">#1107</a>).</li>     <li>Replace hot pink text selection color with a neutral color.</li>     <li>Change image replacement technique (<a href="/misc/goto?guid=4958523038356873009">#1149</a>).</li>     <li>Code format and consistency changes (<a href="/misc/goto?guid=4958523038449767664">#1112</a>).</li>     <li>Rename CSS file and rename JS files and subdirectories.</li>     <li>Update to jQuery 1.8 (<a href="/misc/goto?guid=4958523038536247418">#1161</a>).</li>     <li>Update to Modernizr 2.6.1 (<a href="/misc/goto?guid=4958523038623236517">#1086</a>).</li>     <li>Remove uncompressed jQuery (<a href="/misc/goto?guid=4958523038715263345">#1153</a>).</li>     <li>Remove superfluous inline comments (<a href="/misc/goto?guid=4958523038804649877">#1150</a>).</li>    </ul>    <p></p>