html5新增语义化标签

html5新增语义化标签
一、
header 页面头部
footer 页脚
article 定义页面独立的内容区域 一般为文章
aside 定义页面的侧边栏内容
details 文档某个部分的细节
summary 是details中的标题
time 定义日期或时间
ruby 标注拼音
mark 标记
nav 导航链接


二、
1.progress 进度标签  （ value 当前值  max最大值 最小值默认为0，不用设置）
2.section 文档当中的节或文章


3.video 定义视频
<video controls>
    <source src="src/protect.mp4" type="video/mp4">
</video>


目前支持的视频类型，其他格式如avi需要转换
video/ogg  video/mp4  video/webm(webm也是一种媒体格式）


4.audio 定义音频 （可用类型：audio/ogg  audio/mpeg）
<audio controls>
    <source src="src/冲开一切.mp3" type="audio/mp3"/>
</audio>


5.source
6.datalist 提示可能的值
<label for="id1">饰品:</label>
<input type="text"list="id1"/>
<datalist id="id1">
    <option value="手表"></option>
    <option value="耳机"></option>
    <option value="眼镜"></option>
</datalist>


7.embed 引入flash 或插件
<embed src="src/lion.swf" type="application/x-shockwave-flash"/>


8.canvas 画布标签