H5-1.1基本概念

,HTML5有多么火爆？,苹果IOS系统放弃Flash，良好支持HTML5；Flash的公司Adobe全面拥抱HTML5，发布和收购一些HTML5工具；,HTML5有多么火爆？,各浏览器迅速支持HTML5的各项标准,HTML5有多么火爆？,基于HTML5的应用/游戏平台迅速发展,HTML5基础,-HTML5简介,什么是HTML5？,H5是什么？,狭义的讲HTML是用来描述网页的语言（标记语言）超文本标记语言（HyperTextMarkupLanguage）HTML的第五个版本,H5是什么？,广义来讲，我们说的H5是基于HTML5语言的技术，它是一种全新的框架平台，包括免插件的音视频、图像动画、本地存储以及更多炫酷而且重要的功能，并使这些应用标准化。,HTML发展史,HTML的历史,1995年HTML2.0,1997年HTML3.2,1980年蒂姆伯纳斯-李创建了HTML,IETF（InternetEngineeringTaskForce）互联网工程任务组负责定义并管理因特网技术的所有方面。包括IP协议、域名系统（DNS）、简单邮件传输协议（SMTP）,W3C（WorldWideWebConsortium）W3C理事会或万维网联盟,全球互联网最具权威的技术标准化组织.像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。,IETF和W3C,HTML5能干什么？,H5能干什么？,响应式网站做APP微信公众号微信小游戏微信轻应用,H5优势,由W3C组织，数百家互联网公司（包括谷歌、苹果、诺基亚等）参与而制定的标准，技术完全开放浏览器原生支持HTML5，Flash通过插件形式在浏览器使用，没有插件不能使用Flash程序同页面其他内容不能进行任何交互HTML5程序对于SEO友好支持,H5优势,Flash在移动设备的执行效率非常差、不被苹果IOS系统支持、Flash官方取消针对移动设备的更新系统原生应用仅支持特定系统。不同系统的程序不能通用。如：IOS、Android。应用程序往往需要针对不同系统开发多个程序同一系统需要根据设备情况开发多个版本的程序，例如：Android应用,多设备、跨平台支持,H5优势,应用及时更新简化标签更清晰的代码.,其他,H5来了，我们学什么？,H5来了，学什么？,HTMLCSSJavaScriptJquery,对H5的误解,1.本应是一个技术合集，是一个标准，却被意会成一种技术。2.理论上学的是HTML5标准，应用上是HTML5在浏览器上的应用。3.对于动画设计师而言，H5一般是Flash的替代品，复杂动画设计一般用AE，实现效果更丰富。,什么是纯文本文件？,我们Windows电脑上有一款默认安装好的软件叫做记事本.这款软件就是专门用来打开纯文本文件的,所以只要能够被记事本打开,并且能够正常显示的文件都是纯文本文件；.html的文件可以被记事本打开,并且能够正常显示,所以.html文件是一个纯文本文件。,什么是浏览器？,浏览器是安装在电脑里面的一个软件，能够让将网页内容呈现给用户查看，并让用户与网页交互的一种软件。就好比QQ一样都是安装在电脑里面的一个软件，只不过功能不同而已.,常见主流浏览器,什么是服务器？,服务器也是电脑，只不过是比我们的电脑配置更高的电脑，并且24小时不断电，不关机的计算机-服务器是专门用于存储数据电脑，访问者可以访问服务器获得服务器上存储的资源-服务器一旦关机，访问者就无法访问。,访问网页的原理,思考：当我们把代码交给浏览器，浏览器是如何把代码转换为活灵活现的网页的？,1.按下回车时浏览器根据输入的URL地址发送请求报文2.服