HTML5新增的标签(html5新增的标签元素有哪些)

编辑：rootadmin

HTML5新增的标签一、新增语义化标签

推荐整理分享HTML5新增的标签(html5新增的标签元素有哪些)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:HTML5新增的标签有哪些,h5新增标签及css3新增属性,html5新增的标签元素,HTML5新增的标签,html5新增的标签元素有哪些,html5新增的标签元素,HTML5新增的标签有哪些,HTML5新增的标签有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！

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

二、新增多媒体标签1.音频: <audio>

当前<audio>仅支持三种视频格式:尽量使用mp3格式

语法：<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>

当前<video>仅支持三种视频格式:尽量使用mp4格式

语法：<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 HTML5新增的标签(html5新增的标签元素有哪些)

auto（预先加载视频）

none（不预先加载视频）

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

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}

本文链接地址:https://www.jiuchutong.com/zhishi/295198.html 转载请保留说明！

上一篇：前端LayUI框架快速上手详解(一)(前端框架源码)

下一篇：手把手教你使用--常用模块--HC05蓝牙模块，无线蓝牙串口透传模块，（实例：手机蓝牙控制STM32单片机点亮LED灯）(手把手教你使用opc)