HTML5随堂笔记(全面).docVIP

在HTML5?中显示视频： 如需在HTML5?中显示视频，您所有需要的是： video?src=movie.ogg?controls=controls /video? control?：属性供添加播放、暂停和音量控件。? 包含宽度（width）和高度（height）属性也是不错的主意。? video与/video之间插入的内容是供不支持video元素的浏览器显示的：? 实例? video?src=movie.ogg?width=320?height=240? controls=controls Your?browser?does?not?support?the?video?tag. /video video?标签的属性 autoplay?autoplay?如果出现该属性，则视频在就绪后马上播放。? controls?controls?如果出现该属性，则向用户显示控件，比如播放按钮。? height?pixels? 设置视频播放器的高度。? loop?loop? 如果出现该属性，则当媒介文件完成播放后再次开始播放。? preload?preload? 如果出现该属性，则视频在页面加载时进行加载，并预备播放。? 如果使用autoplay，则忽略该属性。? src?url?要播放的视频的URL。? width?pixels?设置视频播放器的宽度。 在HTML5?中播放音频： 如需在HTML5中播放音频，您所有需要的是： audio?src=song.ogg?controls=controls? /audio? Control ：?属性供添加播放、暂停和音量控件。? audio与/audio之间插入的内容是供不支持audio元素的浏览器显示的：? 实例 audio?src=song.ogg?controls=controls? Your?browser?does?not?support?the?audio?tag.? /audio audio标签的属性? autoplay?autoplay?如果出现该属性，则音频在就绪后马上播放。? controls?controls?如果出现该属性，则向用户显示控件，比如播放按钮。? preload?preload? 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用autoplay，则忽略该属性。? src?url? 要播放的音频的URL。 HTML5中canvas元素用于在网页上绘制图形： 向HTML5页面添加canvas元素。规定元素的id、宽度和高度：? canvas?id=myCanvas?width=200?height=100 /canvas canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成：? script?type=text/javascript? var?c=document.getElementById(myCanvas);? var?cxt=c.getContext(2d);? cxt.fillStyle=#FF0000;? cxt.fillRect(0,0,150,75);? /script? JavaScript使用id来寻找canvas元素：? var?c=document.getElementById(myCanvas);? 然后，创建context?对象：? var?cxt=c.getContext(2d);? getContext(2d)?对象是内建的HTML5?对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 HTML5在客户端存储数据 HTML5提供了两种在客户端存储数据的新方法：? localStorage 没有时间限制的数据存储? sessionStorage 针对一个session的数据存储 在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。? 对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。? HTML5使用JavaScript来存储和访问数据。 localStorage?方法 localStorage方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。 如何创建和访问localStorage：? script?type=text/javascript? localStorage.lastname=Smith;? document.write(localStorage.lastname);? /script sessionStorage?方法 sessionStorage方法针对一个session进行数据存储。当用