位置: IT常识 - 正文

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播放完是否继续播放该视频,循环播放preloadHTML5新增的标签(html5新增的标签元素有哪些)

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}

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

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

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

  • 增值税少企业所得税多说明什么
  • 个人独资企业增值税税率是多少
  • 年金终值系数公式例题
  • 资产处置损益包含增值税吗
  • 支付宝支付高速公路发票怎么打印
  • 本月进项留抵会计分录
  • 软件企业收到先征后返的增值税税款是否要缴纳企业所得税
  • 投资收益可以计入营业收入吗
  • 商业保险可以抵扣增值税吗
  • 什么企业没有销售费用
  • 销售企业需要交的营业税
  • 公司购买销售材料怎么写会计分录?
  • 营业外支出可以扣除吗
  • 电子发票对航天信息利空吗
  • 个人去税务局开劳务票 税点是多少
  • 小规模附征税减半吗亲
  • 营改增以后算税公式
  • 营改增后建筑业开票规定
  • 核定征收的企业需要汇算清缴吗
  • 出售固定资产未收款账务处理
  • 收到员工偿还的借款8000元,所生成的凭证会计分录
  • 单位定期存款支取
  • 转账户有误退回会计处理
  • 公司用自己的设备投资怎么交税呢怎么做账
  • 长期股权投资采用成本法核算,被投资单位实现的净利润
  • 免抵退系统应调整免抵退额吗?
  • 企业注销时往来账目挂账怎么处理
  • 打开文件夹变成黑底
  • 关于暂时性差异的所得税会计处理,正确的是
  • 管理费用处理方法包括
  • 真实有效的18岁身份证
  • pniopcacexe是什么进程
  • macos快捷键一览
  • 企业所得税会计利润
  • 个人补缴的养老全部划入个人账户
  • 增值税专用发票丢了怎么补救
  • 在妈妈身边的说说
  • 兼职老师工资怎么扣税
  • php模板引擎语法
  • Vue中 Vue-Baidu-Map基本使用
  • 领用包装物会计处理
  • css5个定位
  • 政府会计代扣公积金怎么做分录
  • 企业购买期货
  • 企业应收账款的规模受哪些因素的影响?( )
  • mysql用在哪些方面
  • 定额备用金制度报销时用什么科目
  • vue2响应式原理面试回答
  • 织梦怎样实现文件上传
  • 股权转让受让方委托书
  • 业务活动成本和管理费用能不能写在一起
  • 社保可以直接计入费用吗
  • 向税务局缴纳工会经费的没计提
  • 公司亏损注销了怎么赔偿
  • 销售返利的会计分录 东奥
  • 印花税每个月都计提吗
  • 价格调节基金费率
  • 药品进销差价的计算公式是什么
  • MySQL中实现插入或更新操作(类似Oracle的merge语句)
  • xp系统提升cpu最高性能
  • windows任务管理
  • win8创建系统映像
  • xp系统本地连接启用不了
  • centos搭建lamp环境
  • win7电脑音量
  • 加强 提升 优化
  • win7 64位打开软件时显示丢失wpcap.dll的三种解决办法
  • windows 10预览版
  • 如何实现左侧固定,右侧自适应的布局
  • unity3d官方教程
  • android更新ui的方式
  • [置顶]bilinovel
  • 在浏览器中打开是什么意思
  • js 数组去重的四种方法
  • python教程目录
  • python获取linux磁盘信息
  • 济宁税务局王燕利
  • 江苏税务机关代码查询
  • 医院电子发票怎么查
  • 海南省税务局网站
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设