html5入门初学者笔记(四)-html5新增的其他元素

本文介绍了HTML5中新增的多种元素,包括用于媒体播放的video和audio元素、用于进度指示的progress元素、用于度量的meter元素等。通过这些元素,网页开发者可以创建更加丰富和交互式的用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.vedio元素-电影片段或者其他视频流

2.audio元素-定义音频,比如音乐或其他音频流

3.embed元素-用来插入各种多媒体。格式可以使Midi,Wav、AIFF、AU、MP3

4.mark元素-用来视觉上向用户呈现那些需要突出显示或高亮显示的文字。

<mark>666</mark>

5.progress元素-表示运行中的进程,可以使用progress元素来显示Javascript中耗费时间的函数的进程。

6.meter元素-用于已知最大值和最小值的度量。必须定于度量的范围,也可以在min/max属性中定义

7.time元素-表示日期或时间,也可以同时表示两者。

8.ruby元素-表示ruby注释,中文注音或者发音

9.tr元素-表示字符的解释或者发音

10.rp元素-定义不支持ruby元素的浏览器显示的内容

11.wbr元素-软换行,当浏览器窗口比较大的时候,不会换行,当宽度不够才换行

12.canvas元素-表示图形,比如图标和其他图像。这个元素本身没有腥味,仅提供一块画布,但把一个绘图API展示给客户端JavaScript,以使脚本能够把想绘制的东西绘制到这块画布上

13.command元素-命令按钮,比如单选按钮、复选框的按钮

14.details元素-与summary元素配合使用 当用户点击标题时,会显示细节信息

<details>
    <summary>HTML5</summary>
    一个简单的HTML5文档笔记
</details>

15.datalist元素-表示可选数据的李彪,与Input元素配合使用,可以制作出输入值的下拉列表

16.datagrid元素-表示可选数据的列表,它以树形列表的形式显示

17.keygen元素-表示生成密钥

18.output元素-表示不同类型的输出,比如脚本的输出

19.source元素-定义媒介资源

20.meun元素-表示菜单列表。当希望列出表单控件时使用该标签

<menu>
    <li><input type="checkbox">Red</li>
    <li><input type="checkbox">blue</li>
</menu>
21.dialog元素-表示对话框


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值