HTML5

本文探讨HTML5的audio, video和canvas在现代网页中的应用,涉及多媒体播放、控制选项及canvas的交互特性。同时介绍HTML常用属性和input组件的高级用法,重点在于前端开发的基础配置和交互设计。

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

HTML5

1、HTML5多媒体

(1)audio: 播放音乐或音频。IE9以下的版本不支持

a:支持的格式:.MP3/.ogg/.wav

b:属性 src:文件路径

autoplay:自动播放

controls:控制条

muted:静音

preload:预加载(当使用autoplay时,preload自动失效)

(2)video视频

a: 属性:

src:文件路径

autoplay:自动播放

loop:循环

controls:控制条

muted:静音

preload:预加载(当使用autoplay时,preload自动失效)

width:宽度

height:高度

poster:海报

(3)emed:嵌入内容或加载插件

属性: src:文件路径

height:高度

poster:海报

type:类型

(4)canvas:画布,是一个容器元素

​ 注意:

a.单独使用canvas没有什么意义,它必须结合JavaScript使用。它的具体功能实现是靠JavaScript来体现的

b.canvas的宽高最好不要通过css实现,而是直接使用标签属性width和height实现

2、HTML常用属性

(1)ContentEditable:将标签转换为可编辑状态,适用于所有标签,它的值有false/true。

(2)hidden:对元素进行隐藏,一般用来传值或当某个条件成立时,执行内容显示

(3)data-*:用于存储页面或应用程序的私有定自义数据,一般用于传值。

3、input属性

1、autocomplete:自动完成

用来帮助用户输入,每一次输入的内容,浏览器是否保存输入的值,以备将来使用,值有on/off,默认为on.

为了保护敏感数据(如用户账号、密码等),避免本地浏览器对他们不安全存储,一般需要关闭。

2、autofocus:自动获焦

3、step:步长

4、multiple:多选

5、pattern:正则匹配

6、placeholder:输入提示

7、require:必须输入

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值