
1.1 认识HTML5
HTML最早是作为显示文档出现的,结合JavaScript,逐渐演变成了一个系统,可以开发搜索引擎、在线地图、邮件阅读器等各种Web应用。虽然设计巧妙的Web应用可以实现很多令人赞叹的功能,但开发这样的应用绝非易事。多数情况开发人员都得手动编写大量JavaScript代码,还要用到JavaScript工具包,乃至服务器端Web应用。要让所有内容在不同的浏览器中都能紧密配合、不出差错是一个挑战。各大浏览器厂商的内核标准不一样,使得Web前端开发者通常在由兼容性问题引起的Dug上浪费很多精力。
HTML5是2008年正式推出的,一经推出便引起了各大浏览器开发商的广泛关注。那HTML5为什么会如此受欢迎呢?
HTML5是一种用来组织Web内容的语言,其功能是通过创建一种标准的和直观的标记语言来把Web设计和开发变得容易。HTML5提供了各种切割和划分页面的方法,使开发者创建的切割组件不仅能用来有逻辑地组织站点,还能够赋予网站聚合的能力。这是HTML5富于表现力的语义和实用性美学的基础。HTML5为设计者和开发者提供各种方式来向外发布各式各样的内容,从简单的文本内容到丰富的、交互式的多媒体无不包括在内。图1.1所示为用HTML5技术实现的动画特效。

图1.1 用HTML5技术实现的动画特效
提示
在新的HTML5语法规则中,部分JavaScript代码将被HTML5的新属性替代,部分div的布局代码也将被HTML5变为更加语义化的结构标签,这使得网站前端的代码变得更加精练、简洁和清晰,也让开发者更加明确代码所要表达的意思。
HTML5提供了高效的数据管理、绘制、视频和音频工具,促进了Web和便携式设备的跨浏览器应用的开发。HTML5灵活性更大,支持开发非常精彩的交互式网站。HTML5还引入了新的标签和增强的功能,包括精致的结构、表单的控制、API、多媒体、数据库支持和显著提升的处理速度等。图1.2所示为用HTML5制作的抽奖游戏。

图1.2 用HTML5制作的抽奖游戏
近两年,随着移动互联网的不断发展,各企业开发App的热情高涨,App的开发多数离不开HTML5。在这个智能手机大爆发的时代,移动互联网已成为主流趋势,不管是开发什么,多数以移动端为主。图1.3所示为用HTML5开发的手机网页。

图1.3 用HTML5开发的手机网页
HTML5取消了HTML4.01中被CSS取代的部分标签,提供了新的元素和属性。部分元素能够更好地索引整理搜索引擎,能对小屏幕的设备和视障人士提供更好的帮助。HTML5还采用了最新的表单输入对象,引入了微数据。