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