4、HTML5特性及发展分析.pptx

HTML5什么是HTML5HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML?4.01和XHTML?1.0标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。HTML5时间表HTML5的八大新特性语义多媒体离线存储三维、图形与特效设备通用性能与集成CSS3连接语义语义化的标签HTML5引入了新的HTML元素，通过使用这些元素，开发者可以更细致的描述文档结构，让文档更加易读，搜索引擎也能更好的理解页面中各部分间的关系，我们也可以搜索到更快，更准确的信息。十个常用的新标签列表<article>定义文章<aside>定义文章的侧边栏<figure>一组媒体对象以及文字<figcaption>定义figure的标题<footer>定义页脚<header>定义页眉<hgroup>定义对网页标题的组合<nav>定义导航<section>定义文档中的区段<time>定义日期和时间被弃用的标签：<acronym>、<applet>、<basefont>、<big>、<center>、<dir>、<font>、<frame>、<s>、<isindex>、<noframes>、<frameset>、<strike>、<tt>、<u>和<xmp>。增强的表单控件除了这些，还有…搜索<inputtype="search"/>进度条<progressvalue="25"max="100">25%</progress>密钥<keygenname="abcdefg">输出10+5=<outputname="sum"></output>Andsoon…选项列表<inputtype="text"list="mydata"><datalistid="mydata"><optionlabel="Mr"value="Mister"><optionlabel="Mrs"value="Mistress"><optionlabel="Ms"value="Miss"></datalist>必填字段<inputtype="text"required/>正则匹配<inputtype="text"pattern="[0-9]{10}">类型匹配<inputtype="email"/><inputtype="url"/>数字字段<inputtype="number"min="1"max="10"value="1">滑动组件<inputtype="range"min="1"max="10"value="1">日期字段<inputtype="date"min="2010-12-16"/>时间字段<inputtype="time"step="1800"/>拾色器<inputtype="color"value="#ed1c24">微数据(Microdata)<div><metaitemprop="rating"content="4">评分:四星商户<spanitemprop="count">618</span>封点评</div>一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而要让机器知会特定内容含义，我们就需要使用规定的标签和属性。HTML5微数据规范是一种标记内容以描述特定类型的信息，例如评论、人物信息或事件。每种信息都描述特定类型的项，例如人物、事件或评论。例如，事件可以包含venue、startingtime、name和category属性。离线存储Web存储(WebStorage)HTML5提供了两种在客户端存储数据的新方法：localStorage-用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期。sessionStorage-用于存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问，当会话结束后数据也随之销毁。以前，这些都是由Cookie完成的。但是Cookie有4KB的大小限制，而且会随HTTP请求一起被传递，无形中拖慢网页速度而且效率不高。localStorage.length;localStorage.key(index);localStorage.setItem('foo','bar');localStorage.getItem('foo');localStorage.removeItem('foo');localStorage.clear();IndexedDataBase对于存储少量的数据，WebStora