HTML5新增的标签

一、新增语义化标签

:头部标签

:导航标签

:内容标签

:定义文档某个区域

:侧边栏标签

:尾部标签

二、新增多媒体标签

1.音频:

当前

语法：


<audio src="文件地址" controls="controls"></ audio>


<audio controls ="controls" >
<source src= "happy .mp3" type=" audio/mp3" >
<source src= "happy .ogg" type=" audio/ogg" >
您的浏览器暂不支持<audio>标签。
</ audio>

常见属性：

属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮looploop如果出现该属性，则每当音频结束时重新开始播放srcurl要播放音频的url

2.视频:

当前

语法：

<video src="文件地址"  controls="controls"></video>


<video controls ="controls " width="300">
<source src= "move.ogg" type= "video/ogg" >
<source src = "move.mp4" type= "video/mp4" >
您的浏览器暂不支持<video> 标签播放视频
</ video >

常见属性

属性值描述autoplayautoplay
视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题)
controlscontrols向用户显示播放控件widthpixels（像素）设置播放器宽度heightpixels（像素）设置播放器高度looploop播放完是否继续播放该视频，循环播放preload
auto（预先加载视频）

none（不预先加载视频）
规定是否预加载视频（如果有了autoplay 就忽略该属性）srcurl视频url地址posterimgurl加载等待的画面图片
muted

muted

静音播放

三、新增input类型

属性值****说明type="email"限制用户输入必须为Email类型type="url"限制用户输入必须为URL类型type="date"限制用户输入必须为日期类型type="time"限制用户输入必须为时间类型type="month"限制用户输入必须为月类型type="week"限制用户输入必须为周类型type="number"限制用户输入必须为数字类型type="tel"手机号码type="search"搜索框type="color"生成一个颜色选择表单

四、新增的表单属性

属性值说明requiredrequired表单拥有该属性表示其内容不能为空placeholder提示文本表单的提示信息，存在默认值将不显示autofocusautofocus自动聚焦属性，页面加载完成自动聚焦到指定表单autocompleteautocomplete当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。默认已经打开，如 autocomplete="on“，关闭 autocomplete ="of"需要放在表单内，同时加上 name 属性，同时成功提交multiplemultiple可以多选文件提交
可以通过以下设置方式修改placeholder里面的字体颜色

input::placeholder

{color: pink}

标签： html 前端 javascript

本文转载自: https://blog.csdn.net/m0_61417029/article/details/126337936
版权归原作者 手可摘星陈 所有，如有侵权，请联系我们删除。

HTML5新增的标签

一、新增语义化标签

发表评论

“HTML5新增的标签”的评论:

关于作者

overfit同步小助手

相关阅读

文章导航