前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >H5新增的嵌入多媒体元素与交互性元素

H5新增的嵌入多媒体元素与交互性元素

作者头像
week
发布2018-08-27 09:26:10
5400
发布2018-08-27 09:26:10
举报
文章被收录于专栏:用户画像

新增的嵌入多媒体元素有video和audio元素,分别用来插入视频和声音的。值得注意的是可以再开始标签和结束标签之间放置文本内容,这样旧版本的浏览器就可以显示出不支持该标签的信息。例如:

<video src="somevideo.wmv">您的浏览器不支持video标签。</video>

H5也叫web applications 1.0,增加了details、datagrid、menu和command元素就是为了提交页面的交互能力。

一、details元素

details元素表示用户要求得到并且可以得到的细节信息,可以与summary元素配合使用。summary元素提供标题或图例,是details元素的第一个子元素。标题是可见的,用户点击标题时,就会显示出details。

HTML5中代码示例:

<details>

                <summary>HTML5 </summary>

               This document teaches you everything you have to learn about HTML5.

</details>

二、datagrid元素

datagrid元素表示可选数据的列表,通常用于显示树列表。

HTML5中代码示例:

<datagrid></datagrid>

三、menu元素

menu元素显示菜单列表,通常用于列出表单控件。

HTML5中代码示例:

<menu>

             <li><input type="checkbox" />red</li>

             <li><input type="checkbox" />blue</li>

</menu>

四、command元素

command元素表示命令按钮,如单选按钮、复选按钮或普通按钮。

HTML5中代码示例:

<command onclick="cut()" label="cut">

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016年06月15日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档