video
通过
HTML5的方式：
Try this page in Safari 4! Or you can
download the video
instead.
audio
HTML5中的新元素标签
这段代码可以在Firefox 3.5和Chrome 3中正常工作，对于Safari 4来说要使用ogg格式的音频文件替换掉mp3文件。不过，鉴于W3C的HTML5定义规范并没有最终完成，这些格式限制也许在将来会有所变化。
根据定义规范，以下几种API方法是可以使用的：
play()：播放音频
pause()：暂停播放
canPlayType()：命令浏览器判断当前音频文件是否可以被播放
buffered()：设定文件需要缓冲部分的开始与结束时间点。
另外，我们可以使用元素标签来配合
meter
meter元素标签用来表示范围已知且可度量的等级标量或分数值，如磁盘使用量比例、关键词匹配程度等。需要注意的是，不可以用来表示那些没有已知范围的任意值，例如重量、高度，除非已经设定了它们值的范围。元素共有6个属性：
Value：表示当前标量的实际值；如果不做指定，那么标签中的第一个数字就会被认为是其当前实际值，例如2 out of 10中的“2”；如果标签内没有数字，那么标量的实际值就是0。
Min：当前标量的最小值；如不做指定则为0。
Max：当前标量的最大值；如不做指定则为1；如果指定的最大值小于最小值，那么最小值会被认为是最大值。
Low：当前标量的低值区；必须小于或等于标量的高值区数字；如果低值区数字小于标量最小值，那么它会被认为是最小值。
High：当前标量的高值区。
Optimum：最佳值；其范围在最小值与最大值区间当中，并且可以处于高值区。
来看一些代码范例；首先，不设定任何属性的状况：
Your score is: 2 out of 10
然后呢，可以增加最大值与最小值的属性设定：
Your score is: 2 out of 10
增加了低值区、高值区和最佳值的属性设定：Your score is: A+
这时的最大值会被认为是100%或1。
下面这段代码可以用作节日倒计时：Christmas is in 30 days!
标签中的内容可以不包含任何数字，这时最大值会被认为是1；可以参考以下的代码：Moderate activity,
Usenet, 618 subscribers
Low activity, Usenet, 22 subscribers
Low activity, Usenet, 66 subscribers
datalist
datalist 与 input 的新属性list一起使用可以创建组合框，双击input的时候可以提供选项让用户选择，类似历史记录一样。
keygen
标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。
Username:
Encryption:
output
10 + 5 =
计算
(function() {
var f = document.forms[0];
if ( typeof f['sum'] !== 'undefined' ) {
f.addEventListener('submit', function(e) {
f['sum'].value = 15;
e.preventDefault();
}, false);
} else {
alert('你的浏览器尚未准备好！');
}
})();
以上就是HTML5学习笔记简明版（4）：新元素之meter,datalist,keygen,output的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！
