移动端 第一章课程概要

第一章课程概要

1：html5是什么？

HTML5 技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，

在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，

提供更多增强网络应用的标准机。与传统的技术相比，HTML5 的语法特征更加明显，

并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，

而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。

HTML5 在 2012 年已形成了稳定的版本。

**一句话概括，html5是html语言的第五次修改，相当于html的第五个版本。

2：为什么要学习html5？

1：所有的主流浏览器（Internet Explore，Google，Firefox，Safari，Opera）都已经支持了html5

（IE9以下不支持，IE9支持部分代码）

2：因为html5语义化标签的出现，大大提高了浏览器对html页面的亲和度（class和id）

3：html5的跨平台的优势降低了公司的开发成本（代替ios和安卓开发）

4：html5相比较html4代码上更加简洁（doctype！）

5：移动端的崛起也加速了html5的快速发展

3：html5的内容是那些？

新增标签：语义化更好

多媒体功能：video\audio

表单功能增强

新的属性

本地存储

获取拖拽内容信息

地理位置信息

canvas画布     

---

4：什么是css3？

css是对html外观渲染的一种语言，css3是css第三次修改版。

5：为什么学习css3？

1、减少开发成本与维护成本

CSS3提供的动画特性，可让开发者在先实现一些动态按钮或者动态导航时远离JavaScript，

让开发人员不需要花费大量的时间去写脚本或者寻找合适的脚本插件来适配一些动态网站效果。

2、提高页面性能

而使用CSS3制作图形化网站无需任何图片，极大地减少了HTTP的请求数量，

并且提升了页面的加载速度。例如CSS3的动画效果，

能够减少对JavaScript和Flash文件的HTTP请求，

但可能会要求浏览器执行很多的工作来完成这个动画效果的渲染，

这有可能导致浏览器响应缓慢致使用户流失。

因此，在使用一些复杂的特效时需要考虑清楚。

其实很多CSS3技术能够在任何情况下都大幅提高页面的性能 。

6：css3兼容问题？

   Chrome（谷歌浏览器）：-webkit-

Safari（苹果浏览器）：-webkit-
　
　　Firefox（火狐浏览器）：-moz-
　　
　　lE（IE浏览器）：-ms-
　　
　　Opera（欧朋浏览器）：-0-
　　
移动端只需要做-webkit-兼容就好

7：css3的学习内容？

选择器

框模型

背景和边框

文本效果

2D/3D 转换

动画

多列布局

用户界面

---

8： **html5和css3可以用在任何终端开发（pc和m端），主要还是用在m端开发。