HTML5新特性

1、新添加的标签——语义化标签

 为了服务于SEO，即搜索引擎优化，一个网站的排名高低，取决于SEO做的好坏。

（1）<header>标签

头部可以包含：nav(导航栏，对于SEO非常重要)、banner(轮播图)、logo(网站标志)、login(登录注册)

（2）<footer>标签

页脚/脚注：联系我们、备案号、版权声明

（3）<section>标签

表示页面的实体内容部分；该标签对SEO最弱

（4）<aside>标签

表示页面的侧边栏，通常放置页面内容的分类；对SEO的作用一般；一般与<section>标签并列

（5）<article>标签

文章标签，包含一篇文章的内容

（6）视频标签——<video>

video标签是H5标准新添加的标签，H5中对该标签提供了一定的方法和属性。

【属性】

controls　　　　　控制面板属性

src　　　　　　　视频源码属性，视频来源地址

muted　　　　　  静音属性，值true/false

loop　　　　　　 循环属性，值true/false

currentTime　　    设置或获取当前视频的播放位置，以秒计算（注意：该属性不兼容chrome，支持IE）

volume　　　　    设置视频音量，属性值范围是0-1，超出范围，可能会造成浏览器奔溃

playbackRate　　   设置或获取当前视频播放速度，该属性值是大于0的数字，如果小于1，视频会慢速播放，在chrome中，可能会出现没有声音的情况

【只读属性】

duration　　　　返回当前的总时长

currentSrc　　　返回当前的URL

ended　　          返回视频是否结束

pasued                返回视频是否暂停；（视频暂停弹广告等）

【方法】

play()　　　　开始播放视频/音频

pause()　　   暂停当前视频/音频

【事件】  on + 事件名

timeupdate　　当前播放位置更改时触发该事件

play　　　　视频开始播放事件（开始播放就隐藏广告）

pause　　    视频暂停事件

ended　　    视频停止事件