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

北风网项目培训,一、HTML 5概述,讲师：厉风行,HTML 5基础和实战,1.1 HTML 5是何物,HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 HTML5 是下一代的HTML，是HTML、XHTML以及HTML DOM 的新标准。 HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。,1.2 HTML 5的前世今生,古老的版本：HTML 4。 不完美的继任者：XHTML。（可扩展超文本置标语言。XML的子集） HTML5的雏形： Web Applications 1.0。（由WhatWG组织发起，此时W3C正在致力于XHTML2 的推广） 大统一的版本：HTML5。（ W3C和WhatWG言归于好，统一标准）,1.3 HTML 5的特征,语义化标记 Form 表单增强功能 视频 / 音频 画布（Canvas） 可编辑内容 拖放 稳健的数据存储 等等,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（1）HTML5 Web 应用程序,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（2）HTML5 图形和内嵌内容,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（3）HTML5 音频编码,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（4）HTML5 视频编码,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（5）HTML5 表单对象,1.4 五大主流浏览器 HTML5 兼容性对比,数据来源： /litmus,（6）HTML5表单属性,1.5 当前浏览器支持情况测试,测试地址：/,1.6 HTML 5开发工具,代码编辑器 Ultraedit Dreamweaver cs5.5 Aptana Studio 3(推荐) 页面调试工具 Google Chrome（开发人员工具） FireFox（FireBug） Opera,1.7 经典的HelloWorld, 我的第一个HTML5文档 Hello,World! ,1.8 简洁的HTML 5,简洁的 DOCTYPE HTML5 只需一个简洁的文档类型：。它有意不使用版本，因此文档将会适用所有版本的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.