html新增特性

本文介绍了HTML5中的语义化标签,如<header>、<nav>等,以及多媒体处理标签:<video>和<audio>的使用,包括支持的格式和属性设置。同时,提到了<input>类型的扩展和表单属性,如required、placeholder等,以及如何自定义placeholder的颜色。
摘要由CSDN通过智能技术生成

1.语义化标签

< header>头部标签
< nav>导航标签
< article>内容标签
< section>定义文档某个区域
< aside>侧边栏标签
< footer>尾部标签

2.多媒体标签

2.1视频<video>

当前< video>元素支持三种视频格式:MP4、WebM、Ogg。但是不同的浏览器支持不同的格式,尽量使用MP4格式

<video src="文件地址" controls="controls"></video>
属性描述
autoplayautoplay视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放的问题)
controlscontrols向用户显示播放控件
widthpixels(像素)设置播放器宽度
heightpixels(像素)设置播放器高度
looploop播放完是否继续播放该视频,循环播放
preloadauto(预先加载视频)
none(不应加载视频)
规定是否预加载视频(如果有了autoplay就忽略该属性)
srcurl视频地址
posterImgurl加载等待的图片
mutedmuted静音播放

2. 1音频< audio>

当前< audio>元素支持三种视频格式:MP3、mpeg、Ogg。但是不同的浏览器支持不同的格式,尽量使用MP3格式

<audio src="文件地址" controls="controls"></audio>
属性描述
autoplayautoplay如果出现该属性,则音频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件。
looploop循环播放
srcurl音频文件地址

 3.input类型

type="email | url | date | time | month | week | number | tel | search | color"

4.表单属性

属性说明
requiredrequired内容不能为空,必填
placeholder提示文本表单的提示信息,存在默认值将不显示
autofocusautofocus自动聚焦属性,页面加载完成自动聚焦到指定表单
autocompleteoff/on当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项,相当于历史搜索记录。默认打开,一般设置为off关掉
multiplemultiple可以多选文件提交

可以通过以下设置方法修改placeholder里面的字体颜色:

input::placeholder {
​	color:pink;
}
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值