H5---基础知识介绍

来源:互联网 发布:淘宝助理怎么改尺寸 编辑:程序博客网 时间:2024/04/29 15:40

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言HTML)的第五次重大修改

优先考虑移动端的设备

HTML5介绍

为什么要用HTML5

总结概括HTML5 
有以下优点: 
1、提高可用性和改进用户的友好体验; 
2、有几个新的标签,这将有助于开发人员定义重要的内容; 
3、可以给站点带来更多的多媒体元素(视频和音频); 
4、可以很好的替代FLASH和Silverlight; 
5、当涉及到网站的抓取和索引的时候,对于SEO很友好; 
6、将被大量应用于移动应用程序和游戏; 
7、可移植性好。

缺点: 
该标准并未能很好的被浏览器所支持。因新标签的引入,各浏览器之间将缺少一种统一的数据描述格式,造成用户体验不佳。



1.跨平台

利用HTML5编写的UI界面能运行在所有浏览器的平台

2.HTML5的运行平台:浏览器

3.但是HTML5不能完成特定的功能,比如:拍照(ImagePickerController),访问相册


如何使用H5

1.自己编写大量的HTML5代码

2,使用现成的HTML5框架

sencha-touch

phoheGap

jQuery mobile

Bootstrap


手机的开发模式

1.原生(纯OC)

2.纯HTML5

3.原生+HTML5


为什么要学习H5

1.目前的一个趋势:大前端时代

2.增加面试,开发竞争力

手机UI界面(OC,HTML5)


开发工具

安卓:eclipse MyEclipse android studio

iOS: Xcode

HTML5:eclipse,MyEclipse


Web1.0

主流技术:HTML+CSS

Web2.0

主流技术:Ajax(JavaS/DOM/异步数据请求)

Web3.0

主流技术:HTML5+CSS3

H5两点:Canvas H5音视频 Web存储 Geolocation(JS封装的类库)  Workers多线程处理(伪多线程 切片)

CSS3亮点:设计动画  2D变形 N多新特性