做了两年的 WinForm开发,很久没有接触到HTML了,几年前处于学习阶段的时期就听说了HTML5这个技术,当初单纯的以为只是对HTML的一次更新,加之当时的不稳定,所以并没有太多的关注这个技术。最近有跟很多朋友聊天的时候大家都谈到了现在的HTML5有多火,有多么强大,所以回家就去查了查资料,这一查直接刺激了我的灵魂,直接激发了内心学习的冲动,下面列出HMTL5的一些新特性,并且开始自己的学习之路。
1.地理定位,可以编写一些web页面实现定位,并且可以在移动设备上使用。
2.多媒体,不再需要插件,新增了对音频和视频的内置支持。
3.画布,可以在浏览器中放置画布,绘制文本和图片。
4.本地存储,HTML5的客户端存储和缓存功能可以实现离线访问web。
5.Web工作线程,可以让JavaScript更加高效,界面的响应性更好。
6.与Web服务交流,通过json传递数据以及使用jsonp实现跨域获取数据。
-----------------------------------------------------------------------------------------------------分割线------------------------------------------------------------------------------------------------
HTML5标注界面比以前更加简洁:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>my html5</title>
<script src="myHtml5.js"></script>
<link rel="stylesheet" href="myHtml5.css">
</head>
<body>
</body>
</html>
这样就完成了HTML5的一个界面标注,相比以前的HTML,doctype、meta、script、link都变得更加简洁了。
-----------------------------------------------------------------------------------------------------分割线------------------------------------------------------------------------------------------------
HTML5本质:
HTML5实际上可以看做是一个技术家族(上文优点用到的技术),结合这些技术就能提供一个全新的模板来构建Web页面和应用。
HTML标记本身已经扩展为包括有一些新的元素;
CSS3对CSS也有大量的补充,可以大大增强指定页面样式的能力;
JavaScript也提供了一组全新的JavaScript API供开发使用。
HTML5工作过程:
1.浏览器加载一个HTML文档(包括我们写好的HTML标记和CSS样式)
2.浏览器加载页面时,会为加载的文档创建一个内部模型(文档对象模型-DOM),这个模型包含了加载页面中的所有元素
3.浏览器加载页面时,还会加载JavaScript代码,通常页面加载完成之后就开始执行这些代码。利用JavaScript,可以通过处理DOM实现与页面的交互、对用户或浏览器生成的事件作出响应,或者使用所有新的API
4.通过使用新的API,可以实现访问音频和视频、使用画布完成2D绘图、访问本地存储,使用这些API都要通过JavaScript
-----------------------------------------------------------------------------------------------------分割线------------------------------------------------------------------------------------------------
Note:
由于工作中没有实际使用,仅仅是个人爱好驱使学习,难免会有一些错误和不对的地方,希望大家能指出。后续我陆续更新自己学习的每种特性(不能做到定期,因为不知道学习一个特性会花多久的时间,请大家谅解一下),希望各位大虾能多多支持鼓励。