HTML5最新报告.pptVIP

HTML 简史 HTML1.0? IETF [Internet Engineering Task Force]-1995 W3C [World Wide Web Consortium]-1997 HTML4.0--? XHTML1.0--better?-2000 WHATWG[Web Hypertext Application Technology Working Group]-2004 HTML5 设计理念-简约 HTML4.0：!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN /TR/html4/strict.dtd XHTML1.0：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd HTML5：!DOCTYPE html HTML4.0：meta http-equiv=Content-Type content=text/html; charset=utf-8 HTML5：meta charset=utf-8 HTML5 设计理念-兼容 img src=foo alt=bar / p class=fooHello world/p img src=foo alt=bar p class=fooHello world IMG SRC=foo ALT=bar P CLASS=fooHello world/P img src=foo alt=bar p class=fooHello world/p HTML5 设计理念-符合需求 链接标签a中，可同时包含h,p,pre等多个元素 Web Forms 2.0 富媒体 新的语义标签 离线存储 HTML5 Web Forms HTML5 Web Forms 2.0是对目前Web表单进行了全面的提升，在简约易用的前提下，增加了许多新的标签和属性来满足用户的需求，并减少了开发人员的编程负担。 HTML5 Web Forms-datalist标签 input type=text name=yourname id=yourname list=tepname datalist id=tepname option value=小红 option value=小明 option value=小李 option value=小王 option value=小杜 /datalist HTML5 Web Forms-input类型 搜索框： input id=search name=search type=search 电子邮箱： input id=email name=email type=email 地址路径： input id=weburl name=weburl type=url 颜色采集器： input id=getcolor name=getcolor type=color HTML5 Web Forms-input格式验证 不再需要javascript支持，直接支持正则表达式的格式验证 匹配身份证： input name=id pattern=\d{17}[\d|X]|\d{15} HTML5 富媒体 vs Flash? 第三方介入（插件）vs 原生 兼容性不能保证（apple-Flash） vs 支持HTML5的地方就支持HTML5富媒体 不稳定，耗电量大以及安全漏洞多 vs ? HTML5 富媒体 video视频标签 audio音频标签 canvas标签，调用JavaScript API，在canvas中进行一系列基于命令的图形绘制操作，使得HTML5对图形绘制操作更加得心应手。 HTML5 新的语义标签 以前版本： body div id=headerHTML5/div div id=navigation导航/div div id=articleHTML5相关内容/div div id=sidebarHTML5相关链接/div div id=footer制作人及版权声明/div /body HTML5 新的语义标签 HTML5： body headerHTML5/header nav导航/nav articleHTML5相关内容/article asideHTML5相关链接/aside footer制作人及版权声明/footer /body HTML5 新的语义标签 人性化 易于设计人员布局使用 利于搜索引擎对网页的信息提取