HTML5学习之路(一)-强大的HTML5

来源：互联网发布：淘宝网商品怎么分期购编辑：程序博客网时间：2024/05/12 15:49

做了两年的 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：

由于工作中没有实际使用，仅仅是个人爱好驱使学习，难免会有一些错误和不对的地方，希望大家能指出。后续我陆续更新自己学习的每种特性(不能做到定期，因为不知道学习一个特性会花多久的时间，请大家谅解一下)，希望各位大虾能多多支持鼓励。

0 0