千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > html5新增标签有哪些?新增常用标签整理

html5新增标签有哪些?新增常用标签整理

来源:千锋教育
发布人:syq
时间: 2022-09-02 16:21:44 1662106904

  html5随着多年的发展,现在已经发展成为最重要的标记语言。随着该语言的不断完善,会新增一些标签,那么html5新增标签有哪些呢?html5新增标签主要分为四大类:结构标记、多媒体标记、表单标签、输入标签。具体的运用看一下详细介绍。

html5新增标签有哪些

  1.结构标记

  结构标记主要用于划分页面结构,如在设计网页时将页面划分为导航、内容部分、页脚等,以保证HTML文档的完整性。

  article:用来表示一篇文章的主题内容,一般是文中显示的区域。

  header:页面正文的标题。

  nav:是专门用于菜单导航和链接导航的标记。

  部分:用来表达一本书的一部分或一章。在网页应用中,这个标签也可以用来表示一个section的一个section。

  2.多媒体标签

  多媒体标记过去主要解决了部分视频通过Flash的显示,新的标记使HTML功能更加强大。

  video:视频标签,用于支持和实现视频文件的直接播放,支持缓冲预加载和多种视频媒体格式,如WEBM、MP4、OGG。

  audio:音频标签,用于支持和实现音频文件的直接播放,支持缓冲区预加载和多种音频媒体格式,如MP3、OGG、WAV。

  3.表单标签

  表单标签主要用于功能性的内容表达,会有一定的内容和数据关联。

  datalist:定义一个带有 标签的下拉列表。

  4.输入类型

  属性值说明

  邮箱限制输入用户必须是邮箱类型

  url限制用户输入必须是url类型

  日期限制用户输入必须是日期类型

  时间限制用户输入必须是时间类型

  月份限制用户输入必须是月份类型

  周限制用户输入必须是周类型

  number limit 用户输入必须是数字类型

  tel 限制用户输入手机号码

  search 将用户输入限制在搜索框中

  color 生成颜色选择表单

  上面内容对结构标记、多媒体标记、表单标签、输入标签四大html5新增标签进行了详细介绍,希望以上内容对大家有所帮助。关于html5新增标签有哪些相关内容就先介绍到此,更多关于html5相关知识请关注千锋教育。更多关于“前端培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT