除了使用HTML5 Boilerplate作为项目的默认模板。同时在这组模板中提供了些有用的技巧来帮助我们更方便的开发。
CSS:visuallyhidden
在默认的style.css中，提供了一个visuallyhidden的class，用于帮助我们将一个元素在视觉上完全隐藏不可见，不会让它对其它元素造成任何视觉渲染上的影响。但逻辑树上继续存在。
CSS:clearfix
这个就不用多说了帮助我们进行float clear操作
CSS:no-js
在默认情况下html标记中标识了class=”no-js”，这行在最终执行时，如果被Moderinizer检测到浏览器支持JS，便会替换掉。因此对于没有JS的支持下，我们可以在CSS中，针对这个class进行一些特殊的样式处理。如.no-js h1 {display:none;} ，在没有jS支持的情况下，所有的h1都将隐藏。
而进一步需要了解的是，在no-js被Moderinizer检测的时候，还会被替换成其它语法，如如果用户使用桌面上的IE浏览器，这里会被替换为class=”js no-flexbox canvas canvastext no-touch”等一系列class，表示了此浏览器所支持的部分特性，我们可以根据浏览器的特性来作相应的css或脚本编写。
jQuery CDN加载
在HTML之中，默认编写了从CDN加载jQuery的标签。但是同时可见如下代码
<script type="text/javascript">// <![CDATA[
window.jQuery || document.write("<script src='js/libs/jquery-1.5.1.min.js'>\x3C/script>")
// ]]></script>
这句脚本保证了如果从CDN加载失败，再从本地的服务器上加载jQuery库
This entry was written by , posted on November 11, 2011 at 2:34 pm, filed under HTML5. Bookmark the permalink. Follow any comments here with the RSS feed for this post.