位置: 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)

  • 小天才电话手表怎么调时间和日期(小天才电话手表怎么插卡)

    小天才电话手表怎么调时间和日期(小天才电话手表怎么插卡)

  • 小爱同学如何连接手机蓝牙(小爱同学如何连接网络方法)

    小爱同学如何连接手机蓝牙(小爱同学如何连接网络方法)

  • 华为荣耀20插卡没反应(华为荣耀20插卡孔在哪里)

    华为荣耀20插卡没反应(华为荣耀20插卡孔在哪里)

  • 苹果xr设置门禁卡(iphone xr 门禁卡 设置)

    苹果xr设置门禁卡(iphone xr 门禁卡 设置)

  • cd-rw光盘是指什么光盘(cd_rw光盘)

    cd-rw光盘是指什么光盘(cd_rw光盘)

  • wps文件发送完怎么是问号(wps文件发了之后可以删除吗)

    wps文件发送完怎么是问号(wps文件发了之后可以删除吗)

  • 华为手机音响有杂音该怎么解决(华为手机音响有杂音)

    华为手机音响有杂音该怎么解决(华为手机音响有杂音)

  • 苹果x微信图片怎么撤回(苹果X微信图片长按没有反应)

    苹果x微信图片怎么撤回(苹果X微信图片长按没有反应)

  • 退出微信别人打微信电话是什么状态(退出微信别人打电话显示什么)

    退出微信别人打微信电话是什么状态(退出微信别人打电话显示什么)

  • 硬盘5400转和7200转的区别(硬盘5400转和7200玩游戏)

    硬盘5400转和7200转的区别(硬盘5400转和7200玩游戏)

  • 抖音上滑和下滑区别(抖音上滑下滑不能重新播放了)

    抖音上滑和下滑区别(抖音上滑下滑不能重新播放了)

  • matepadpro上市时间(matepad pro 发布)

    matepadpro上市时间(matepad pro 发布)

  • 微信把朋友设置为仅聊天(微信把朋友设置为星标有什么用)

    微信把朋友设置为仅聊天(微信把朋友设置为星标有什么用)

  • PPT里的一页如何保存到桌面(ppt里一页如何做多图轮播)

    PPT里的一页如何保存到桌面(ppt里一页如何做多图轮播)

  • 下标数字怎么输入(下标符号怎么输入)

    下标数字怎么输入(下标符号怎么输入)

  • oppoa73长截图在哪里找(oppoa37m长截屏)

    oppoa73长截图在哪里找(oppoa37m长截屏)

  • access数据库是什么状(access数据库)

    access数据库是什么状(access数据库)

  • 苹果手机怎么看本地音乐(苹果手机怎么看海拔高度)

    苹果手机怎么看本地音乐(苹果手机怎么看海拔高度)

  • 退货退款可以申请几次(退货退款可以申请两次吗)

    退货退款可以申请几次(退货退款可以申请两次吗)

  • 12g和8g运行的差距(12g运行和8g运行)

    12g和8g运行的差距(12g运行和8g运行)

  • 电话已关机是拉黑了吗(电话已关机是没电了吗)

    电话已关机是拉黑了吗(电话已关机是没电了吗)

  • 抖音极速版怎么上传视频(抖音极速版怎么升级最新版本)

    抖音极速版怎么上传视频(抖音极速版怎么升级最新版本)

  • onc在计算器上是什么键(计算器上的on/ce)

    onc在计算器上是什么键(计算器上的on/ce)

  • 苹果生物特征识别失败(苹果设置的生物识别在哪里)

    苹果生物特征识别失败(苹果设置的生物识别在哪里)

  • 手机防火墙在哪里设置(手机防火墙在哪里去掉)

    手机防火墙在哪里设置(手机防火墙在哪里去掉)

  • 怎么一键恢复qq好友(怎么一键恢复消失的微信群)

    怎么一键恢复qq好友(怎么一键恢复消失的微信群)

  • internet.exe是什么病毒吗 internet进程信息查询(贴吧热门评论)

    internet.exe是什么病毒吗 internet进程信息查询(贴吧热门评论)

  • 出现在马萨诸塞州海岸附近的座头鲸 (© Eric Kulin/plainpicture)(马萨诸塞 下架)

    出现在马萨诸塞州海岸附近的座头鲸 (© Eric Kulin/plainpicture)(马萨诸塞 下架)

  • AI环境搭建步骤(Windows环境)(ai运行环境)

    AI环境搭建步骤(Windows环境)(ai运行环境)

  • 个人所得税纳税义务人
  • 注册资本5块钱
  • 单位劳务派遣的比例
  • 发票校验码看不清怎样查真伪
  • 发放给员工的通讯费要上个税吗
  • 结转本期会计分录
  • 税控盘专票认证登录密码正确还是登录不上去
  • 向个人借款计入什么会计科目
  • 汇票退回会计分录怎么写
  • 个人所得税该如何缴纳
  • 不是公司车可以报销油费吗
  • 收了公司的款项不拿回公司属于什么行为
  • 印花税在什么情况下需要申报
  • 纳税服务一体化综合监督工作情况报告
  • 公司认缴增资需要什么流程呢
  • 小规模增值税未开票收入填哪里
  • 收到的税收返还包括
  • 私募股权投资
  • 营改增步骤
  • 支付给外单位的押金是其他应收款吗
  • 事业单位 会计
  • 游乐场门票收入发票品目
  • 为什么wifi有信号没网络
  • 如何开启系统设置
  • php实现的中秋博饼游戏之绘制骰子图案功能示例
  • 服务业结转成本与收入如何配比
  • iis搭建php环境
  • uni app
  • windows怎么复制
  • win11系统怎么投屏
  • 公账提取备用金限额
  • 德纳里山
  • 酒店免费提供哪些服务
  • yolov5 c
  • 海滨德拉海滩庄园别墅
  • centos 安装php
  • vue.3
  • program status
  • vue移动
  • ps卸载没反应
  • 退回的货款应该记什么费用
  • 以个人名义和公司名义入股的利弊
  • 织梦cms官网
  • 生产车间年终奖计入什么科目
  • Python支持向量能干什么
  • php环境配置教程
  • 园林绿化工程公司简介
  • 特许经营企业的特点
  • mac卸载软件在哪里彻底卸载?
  • mysql默认值怎么设置
  • 以前未入账固定资产补入账政府会计
  • 小企业会计准则和一般企业会计准则的区别
  • 增值税一般纳税人是什么意思
  • 固定资产清理时增值税怎么处理
  • 增值税税负率是多少
  • 公司代房东缴纳个税怎么处理
  • 评估价计入什么科目
  • 收到现金长时间不付款
  • 存货跌价准备如何影响利润
  • 开办费用怎么处理
  • 材料会计的内容
  • 转移固定资产是指什么
  • 支付给个人的佣金如何代扣个税
  • 小企业会计准则和一般企业会计准则的区别
  • 福利费取得的专票不能抵扣账怎么做
  • 银行存款日记账填写样本图
  • 个体户建账吗
  • 如何设置存货计价方法有哪些
  • xp局域网
  • 怎么制作win7系统u盘装系统教程
  • mac 地址栏
  • windows8安装程序
  • unity lightmap uv
  • java 迭代器 remove
  • 游戏开发吧
  • jquery动态添加的元素怎么添加事件
  • python下载方法
  • 浅谈python 四种数值类型(int,long,float,complex)
  • 股权转让和大宗转让区别
  • 个人所得税法全文完整版2021实施细则
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设