文档介绍：解读HTML5--HTML5之美?HTML5草案前身名为Web Applications ,是在2004年由WHATWG提出,再于2007年获W3C接纳,并成立了新的HTML工作团队。?2008年1月,第一份正式草案发布,HTML5的标准草案已经进入W3C制定标准程序,预计2012年推出候选推荐版,2022年,发布计划推荐版。?目前Firefox、Chrome、Safari(版本4以上)、IE 9已支持HTML5技术。?HTML5的发展其实是html,css,jsapi的发展。HTML5发展史?设计理念:兼容性、实用性、互通性、通用访问性? id=“header”来标记页眉区域。为何不直接添加一个<header>标签呢??效率和用户优先宗旨是-”用户即上帝”eg. id=“example1”、id=example1、ID=“example1”新的认识?新的DOCTYPE和字符集?新元素和旧元素?语义化标记?使用Selectors API简化选取操作?JavaScript 日志和调试??DOM Level 3?Monkeys、Squirrelfish和其他JavaScript引擎HTML5的新功能?化繁为简,Web页面的DOCTYPE被极大地简化了。?对比:?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN" "/html4/"> -> <!DOCTYPE html>?<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”>-><meta charset="utf-8">?HTML5引入新的标记元素?上述所有类型的元素都可以通过CSS来设定样式?HTML5中新增了canvas、audio、video等新元素,移除了很多行内设样式的标记元素,如big、center、font、basefont等,以鼓励大家使用css。?HTML5新增的语义化标记元素?新的语义化标记可简化HTML页面设计,并为搜索引擎在抓取和索引网页时带来优势。?可结合使用CSS3的一些新特性,如圆角(border-radius)和旋转变换(transform:rotate();)。?为避免命名空间冲突,需加上浏览器厂商的前缀:-moz-、o-、-webkit-(Safari和Chrome等基于Webkit核心的浏览器)。?页面效果演示:?HTML5出现之前:?HTML5引入能按照CSS规则来选取DOM中元素中的函数?可以为Selectors API函数同时指定多个选择规则,如var x=(“.highClass”,”.lowClass”);?在遍历DOM时,Selectors API通常比以前的子节点搜索API更快。 API简化选取操作?第一款可用来分析Web页面及其所运行脚本的工具为:Firebug的Firefox插件。?其他浏览器的内嵌开发工具有:Safari的Web Inspector、Google的Chrome开发工具(Developer Tools)、IE的开发工具(Developer Tools),以及Opera的Dragonfly。? API已经成为JavaScript中记录日志的事实标准。? API要比alert()好用很多,因为它不会阻塞脚本的执行。?JSON是HTML5应用内部数据交换的事实标准。?典型的JSON API包含两个函数:parse()和stringify()(分别用于将字符串序列化成DOM对象和将DOM对象转换成字符串)。?旧的浏览器中使用JSON,需要JavaScript库,执行解析和序列化效率不高。?新的浏览器原生扩展了对JSON的支持,可直接通过JavaScript来调用JSON。?。