html5ppt介绍,html5介绍.ppt

html5介绍

渐变 Gradients 线性渐变： background: linear-gradient to right, red, orange, yellow, green, blue, indigo, violet ; 径向渐变： background: radial-gradient red, yellow, rgb 30, 144, 255 ; 变形 Transforms transform: skew 30deg, -10deg CSS3私有前缀 -prefix- Q: 什么时候可以去掉前缀呢？ A: 当一个属性成为标准，并且被Firefox、Chrome等浏览器的最新版普遍兼容的时候。 举例来说，一个标准渐变的代码是： background: linear-gradient #fff, #000 ; 而现在，我们需要这样写： background: -webkit-linear-gradient #fff, #000 ; /*为兼容Chrome&safari*/ background: -moz-linear-gradient #fff, #000 ; /*为兼容Frifox*/ background: -ms-linear-gradient #fff, #000 ; /*为兼容IE*/ background: -o-linear-gradient #fff, #000 ; /*为兼容Opera*/ background: linear-gradient #fff, #000 ; /*标准的渐变代码*/ CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 介绍 什么是HTML5？ 　　HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML?4.01和XHTML?1.0 标准。它希望能够减少互联网富应用(RIA 对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。 HTML5时间表 HTML5的八大新特性 语义 离线存储 设备通用 连接 多媒体 三维、图形与特效 性能与集成 CSS3 语义 语义化的标签 HTML5 引入了新的 HTML 元素，通过使用这些元素，开发者可以更细致的描述文档结构，让文档更加易读，搜索引擎也能更好的理解页面中各部分间的关系，我们也可以搜索到更快，更准确的信息。 十个常用的新标签列表 定义文章 定义文章的侧边栏 一组媒体对象以及文字 定义 figure 的标题 定义页脚 定义页眉 定义对网页标题的组合 定义导航 定义文档中的区段 定义日期和时间 被弃用的标签： 、 、 、 、 、 、 、 、 、 、 、 、 、 、 和 。 /articles/4582/html5-forms-example.html 拾色器 input type "color" value "#ed1c24" 日期字段 input type "date" min "2010-12-16" / 时间字段 input type "time" step "1800" / 数字字段 input type "number" min "1" max "10" value "1" 滑动组件 input type "range" min "1" max "10" value "1" 类型匹配 input type "email" / input type "url" / 除了这些，还有… 搜索 input type "search" / 进度条 progress value "25" max "100" 25% 密钥 keygen name "abcdefg" 输出 10 + 5 output name "sum" And so on… 正则匹配 input type "text" pattern "[0-9] 10 " 必填字段 input type "text" required / 选项列表 input type "text" list "mydata" datalist id "mydata" option label "Mr" value "Mister" option label "Mrs" value "Mistress" option label "Ms" value "Miss" 增强的表单控件 微数据 Microdata 一个页面的内容，例如人物、事件或评论不仅要给用户看，还要让机器可识别。而要让机器知会特定内容含义，我们就需要使用