HTML5 Boilerplate是一个基础的HTML模板，旨在解决前端开发中初始化页面的繁琐工作。它提供了一个完整的HTML模板，包括文档类型声明、浏览器兼容性处理、元标签设置等。通过分析index.html，我们可以看到它如何简化CSS和JS处理，如normalize.css的使用，以及对旧版IE的兼容策略。此外，模板还包括Modernizr.js，用于浏览器功能检测，以及对console.log的处理，防止IE报错。HTML5 Boilerplate是快速创建新页面的良好起点。
最近看到了HTML5 Boilerplate模版，系统的学习与了解了一下。在各种CSS库、JS框架层出不穷的今天，能看到这么好的HTML模版，感觉甚爽。写篇博客，推荐给大家使用。
一：HTML5 Boilerplate是什么？解决了什么问题？
对于第一次听说这个人，肯定都有这个疑问把！在网上看了看，发现很多人都认为这个是和Bootstrap一样的东西，这真是大错特错了。
实际上，HTML5 Boilerplate只是一个单纯的HTML模版。
什么？HTML模版？干嘛用？
这里不得不提所有前端开发都会遇到的问题，每次要重新弄一个页面的时候，你们都是怎么做的呢？那个doctype、html、head、body、meta标签，写的多心烦。或者从以前的项目中复制，或者抄一抄Bootstrap推荐的模版等等。但是在做这些事情的时候，有没有想过，自己的写法是否是最好的呢？或者说业界对这个有没有一个比较统一的推荐？那么，答案是有的。
HTML5 Boilerplate就是解决了这么一个问题，它提供了一个十分完善的HTML模版，完善到所有的页面似乎都应该遵守这个规则。
说的这么神乎其神，那么我们还是要一看究竟才行。从 官网下载 然后，最核心的的是一个index.html文件，不大，我们来看看它的源码
Hello world! This is HTML5 Boilerplate.
这可以说就是HTML5 Boilerplate的全部了。大概看一下，肯定会发现有些是和自己以前的写法一样的，有些又是没见过的
最低0.47元/天 解锁文章
扫一扫
466
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
