html实例教程01.HTML5概述.ppt

北风网项目培训,一、HTML5概述,讲师：厉风行,HTML5基础和实战,1.1HTML5是何物,HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言。HTML5是下一代的HTML，是HTML、XHTML以及HTMLDOM的新标准。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。,1.2HTML5的前世今生,古老的版本：HTML4。不完美的继任者：XHTML。（可扩展超文本置标语言。XML的子集）HTML5的雏形：WebApplications1.0。（由WhatWG组织发起，此时W3C正在致力于XHTML2的推广）大统一的版本：HTML5。（W3C和WhatWG言归于好，统一标准）,1.3HTML5的特征,语义化标记Form表单增强功能视频/音频画布（Canvas）可编辑内容拖放稳健的数据存储等等,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（1）HTML5Web应用程序,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（2）HTML5图形和内嵌内容,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（3）HTML5音频编码,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（4）HTML5视频编码,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（5）HTML5表单对象,1.4五大主流浏览器HTML5兼容性对比,数据来源：,（6）HTML5表单属性,1.5当前浏览器支持情况测试,测试地址：,1.6HTML5开发工具,代码编辑器UltraeditDreamweavercs5.5AptanaStudio3(推荐)页面调试工具GoogleChrome（开发人员工具）FireFox（FireBug）Opera,1.7经典的HelloWorld,我的第一个HTML5文档Hello,World!,1.8简洁的HTML5,简洁的DOCTYPEHTML5只需一个简洁的文档类型：。它有意不使用版本，因此文档将会适用所有版本的HTML。简单易记的语言标签你并不需要在中使用xmlns或xml:lang标记。将对HTML5有效。简单易记的编码类型你现在可以在meta标签中使用“charset”：不需要闭合标签在HTML5中，空标签（如：br、img和input）并不需要闭合标签。废弃的标签下面这些标签并不被HTML5支持：、和,1.9.1新浪微博主标题和副标题,1.9.2新浪微博导航栏,1.9.3新浪微博文章标题,1.9.4新浪微博文章正文内容,1.9.5新浪微博文章底部和页面底部,1.9.6新浪微博侧边栏,本课程版权归北风网所有,欢迎访问我们的官方网站,