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

新增的嵌入多媒体元素有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">

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网软件技术

图片懒加载

插件地址:https://github.com/tuupola/jquery_lazyload/tree/2.x

2053
来自专栏自动化测试实战

html——css基础

上一节我们讲了display的inline-block属性,但是我们在工作中很少用,因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: le...

4705
来自专栏菜鸟计划

CSS布局(五) 网页布局方式

网页实质是块与块之间的位置,块挨着块,块嵌套块,块叠着块。 三种关系:相邻,嵌套,重叠。 下面介绍网页布局的常用几种方式 ? 1.一列布局: 一般都是固定的宽高...

3906
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何快速实现快递信息流的效果

设置NodeViewItem背景色的透明度,将该属性设置为“0”,即背景全透明,如图2;

1322
来自专栏WebDeveloper

这种div高度自适应确定你知道吗?

1182
来自专栏V站

CSS毛玻璃效果

其实毛玻璃的模糊效果技术上比较简单,只是用到了css滤镜(filter)中的blur属性。但是要做一个好的毛玻璃效果,需要注意很多细节。

1882
来自专栏JavaEdge

CSS 全解析实战(二)-HTML基础强化1 HTML常见元素和理解(1)2 HTML常见元素和理解(2)3 HTML常见元素和理解(3)4 HTML版本5 元素分类6 嵌套关系

761
来自专栏腾讯NEXT学位

CSS布局解决方案(上)

3064
来自专栏自动化测试实战

HTML第三课——css【3】

27212
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:用MenuView控件仿钉钉APP的首页菜单

打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2

1292

扫码关注云+社区