Web h5开发 初学总结

我们可以这样理解：
h5宽泛定义

html5 = 标记+javascript api+css

HTML标记（也称为结构）

CSS样式（也称为表示）

JavaScript（也称为行为）

h5工作方式

1.浏览器加载一个文档，其中包括HTML写的标记和CSS写的样式

2.浏览器加载页面时，还会为你的文档创建一个内部模型，其中包含HTML标记的所有元素

<1.对于html中的每个元素，浏览器会创建一个表示该元素的对象，把它与所有其他元素放在一个类似树的结构中

<2.我们把这个树称为文档对象模型（document object model），或者简称为dom。

3.浏览器加载页面时，还会加载JavaScript代码，通常页面加载之后就开始执行这些代码

4.通过这些API，你可以访问音频和视频、使用画布完成2D绘图，访问本地存储，还可以使用构建应用所需的很多其他优秀技术。要记住，要想使用所有的这些API，需要用到JavaScript

浏览器支持h5的现状

视频 音频 画布 web存储 地理定位 web工作线程 离线web应用

Firefox 支持 支持 支持 支持 支持 支持

Safari 支持 支持 支持 支持 支持 支持

Chrome 支持 支持 支持 支持 支持 支持

MobileWebKit 支持 支持 支持 支持 支持 支持

Opera 支持 支持 支持 支持 支持 支持

IE6/7

IE8       支持    

IE9 支持 支持 支持 支持 支持

对应浏览器输入html5test.com即可获取到当前浏览器对h5支持的程度