html5新增常见标签

<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();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容