HTML 5 新增的标签

文档类型:

<!doctype html>

新增结构性【块状元素】标签 ,可以让网站对SEO更加友好

<article> 定义为文章,内容之类
<nav> 定义为导航链接
<header> 定义为一个页面的头部
<section> 定义为一个区域
<aside> 定义为界面内容部分的侧边栏
<hgroup> 定义为 hN 类的标签组区域
<figure> 定义为一组媒体内容与他们的标题
<figcaption> 定义为firgure的标题
<footer> 定义为页面的底部
<dialog> 定义为一个对话框

多媒体标签 - video [视频]

属性:
Autoplay 自动播放
Controls 播放控件
Width/Height 宽/高
Loop 循环播放
PreLoad 预加载
Src 视频地址
Poster 加载时的等待图片地址
AutoBuffer 自动缓冲
方法
play() 播放
pause() 暂停
load() 加载
全屏方法
Webkit : el.webkitRequestFullScreen() / el.webkitCancelFullScreen()
FireFox: el.mozRequestFullScreen() / el.mozCancelFullScreen()
W3C提议: el.RequestFullScreen() / el.exitFullScreen()
API属性:
audioTracks 返回可用的音频轨迹【MultipleTrackList对象】
textTracks 返回可用的文件轨迹【TextTrackList对象】
videoTracks 返回可用的视频轨迹【VideoTrackList对象】
autoplay 自动播放
buffered 返回缓冲部件的时间范围【TimeRanges对象】
controller 返回当前媒体的控制器【MediaController对象】
controls 播放控件
crossOrigin CORS设置【跨域设置】
currentSrc 当前播放的时间,单位:秒
defaultMuted 默认静音
defaultPlaybackRate 默认播放倍速
duration 总时长,单位:秒
ended 是否播放结束
error 出错信息
initalTime 起始播放位置
loop 循环播放
mediaGroup 当前媒体所属媒体组【用来链接多个媒体标签】
muted 是否静音
networkState 网站状态
paused 暂停
playbackRate 播放倍速
played 已播放的时间范围【TimeRanges对象】
preload 预加载
readyState 返回当前的状态状态
seekable 返回可跳转部件的时间范围【TimeRanges对象】
seeking 返回是否做了跳转
src 媒体URL
startOffsetTime 开始的时间偏移【Date对象】
volume 音量值
事件
abort 媒体加载异常时
canplay 浏览器可以播放时
canplaythrough 浏览器可以开始播放到结束而无需因缓冲而停止时
durationchange 总时长改变时
emptied 播放列表为空时
ended 播放列表结束时
error 加载媒体错误时
loadeddata 加载媒体数据时
loadedmetadate 收到总时长、分辨率、字轨等metadata时
loadstart 开始查找媒体数据时
pause 暂停时
play 播放时
playing 媒体从因缓冲而引起的暂停和停止恢复到播放时
progress 取到媒体数据时
ratechange 播放倍速改变时
seeked 用户完成跳转时
seeking 用户正在跳转时
stalled 试图获取媒体数据,但数据还不可用时
suspend 获取不到数据时
timeupdate 播放位置发生改变时
volumechange 音量发生改变时
waiting 媒体因缓冲下一帧而停止时

多媒体标签 - audio [音频内容]

基本的属性与方法、事件,可以参考 video

多媒体标签 - source [媒体资源列表]

多媒体标签 - canvas [画布]

多媒体标签 - embed

定义外部可交互的内容与插件

Web应用标签

<menu> 命令列表
<menuitem> 为menu定义一个列表
<command> 为menu定义一个命令按钮

<meter> 状态标签:气压?气温?
<progress> 状态标签:进度条

<detalist> 为input定义一个下拉列表,配合 input 使用
<details> 元素的详细内容,配合 dt、dd 使用