html5新增常见标签

2017-01-23  本文已影响0人  M_JavaScript

<header>头部标签</header>
<section>模块</section>
<footer>尾部标签</footer>
<nav>导航</nav>
<aside>侧边栏</aside>
<article>文章</article>包含段落和标题
<hgroup>标题组合</hgroup>
<figure> 对于一组资源描述
<img src="" />
<figcaption>清纯</figcaption>
</figure>
<time>2016年12月26日</time>
数据列表:下拉
<input type="text" list="vag" />
<datalist id="vag">
<option>黄瓜</option>
<option>黄瓜</option>
<option>茄子</option>
<option>香蕉</option>
<option>冬瓜</option>
</datalist>
标题描述:收缩菜单
<details>
<summary>这是标题</summary>
<p>相关介绍</p>
</details>
对话框
<dialog open>对话框</dialog>
地址
<address>北京市xxxx</address>
<progress></progress>
进度条
<meter max="100" value="100"></meter>
<progress max="100" value="10"></progress>
canvas 画布
video 视频
video
autoplay 自动播放
controls 显示控件
loop 循环播放

js控制
    oV.play();                  播放
    oV.pause();                 暂停
    oV.currentTime              播放时间
        ++  --
    oV.volume                   声音
        +=0.1 -=0.1
    oV.muted                    静音
    oV.webkitRequestFullscreen  全屏
    oV.duration                 全部时间
视频格式mp4         都支持

audio 音频mp3
audio
autoplay 自动播放
controls 显示控件
loop 循环播放
mp3 音频格式
js
var oA=new Audio;
oA.src='';
oA.play();

上一篇 下一篇

猜你喜欢

热点阅读