奇酷学院老师html5高级就业大讲堂h5js课件html.pptxVIP

;;;;;;html5 标签;details 关于文档的细节： google支持 ;figure 标签规定独立的流内容（图像、图表、照片、代码等等）。 figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。 用作文档中插图的图像，带有一个标题： ;time 标签 time 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。 该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒??排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。 ;section 标签 标签定义文档中的节 ;progress 标签 progress 标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果） ;progress 标签 progress 标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果） ;;HTML5 拥有多个新的表单输入类型。 这些新特性提供了更好的输入控制和验证。 即使不被支持，仍然可以显示为常规的文本域。 ;Input 类型 - email email 类型用于应该包含 e-mail 地址的输入域。 在提交表单时，会自动验证 email 域的值。 提示：iPhone 中的 Safari 浏览器支持 email 输入类型，并通过改变触摸屏键盘来配合它（添加 @ 和 选项）。 Input 类型 - URL url 类型用于应该包含 URL 地址的输入域。 在提交表单时，会自动验证 url 域的值。 提示：iPhone 中的 Safari 浏览器支持 url 输入类型，并通过改变触摸屏键盘来配合它（添加 选项）。 即使不被支持，仍然可以显示为常规的文本域。;Input 类型 - number number 类型用于应该包含数值的输入域。 您还能够设定对所接受的数字的限定： 提示：iPhone 中的 Safari 浏览器支持 number 输入类型，并通过改变触摸屏键盘来配合它（显示数字）。 即使不被支持，仍然可以显示为常规的文本域。 ;Input 类型 - range range 类型用于应该包含一定范围内数字值的输入域。 range 类型显示为滑动条。 提示：iPhone 中的 Safari 浏览器支持 number 输入类型，并通过改变触摸屏键盘来配合它（显示数字）。 即使不被支持，仍然可以显示为常规的文本域。 ;Input 类型 - Date Pickers（日期选择器） date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间（小时和分钟） datetime - 选取时间、日、月、年（UTC 时间） datetime-local - 选取时间、日、月、年（本地时间） 即使不被支持，仍然可以显示为常规的文本域。 ;HTML5 表单属性;autofocus 属性 autofocus 属性规定在页面加载时，域自动地获得焦点。 注释：autofocus 属性适用于所有 input 标签的类型。 placeholder 属性 placeholder 属性提供一种提示（hint），描述输入域所期待的值。 注释：placeholder 属性适用于以下类型的 input 标签：text, search, url, telephone, email 以及 password。 提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失： 提示：iPhone 中的 Safari 浏览器支持 url 输入类型，并通过改变触摸屏键盘来配合它（添加 选项）。 即使不被支持，仍然可以显示为常规的文本域。 ;required 属性 required 属性规定必须在提交之前填写输入域（不能为空）。 即使不被支持，仍然可以显示为常规的文本域。 ;多媒体;;许多时髦的网站都提供视频。 ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如需在 HTML5 中显示视频，您所有需要的是：;视频兼容 上面的例子使用一个 Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。 要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。 video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式： Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4