全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

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

发布时间:2022-09-02 16:21:44
发布人:syq

  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万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

相关文章

ITSS各级别之间有什么联系?

ITSS各级别之间有什么联系?

2023-10-14
什么是软件定义存储(SDS)?

什么是软件定义存储(SDS)?

2023-10-14
DeepMind和OpenAI身后的两大RL流派有什么具体的区别?

DeepMind和OpenAI身后的两大RL流派有什么具体的区别?

2023-10-14
软件开发管理流程中会出现哪些问题?

软件开发管理流程中会出现哪些问题?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取