在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
HTML5是W3C在2014年完成的新的前端标准。它增强了留恋其本身的功能，提高了用户体验满意度。从HTML发展到到HTML5经理了巨大的变化。尤其HTML5去除了部分原有的标签含义，新增了一些结构性标记、多媒体标记和表单标记。本篇文章就是针对HTML5新增标签的汇总。
1.结构性标记
结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
article:用于表示一篇文章的主题内容，一般为文字集中显示的区域。
header:页面主体上的头部。
nav:是专门用于菜单导航、链接导航的标记。
section:用于表达书的一部分或一章，在Web页面应用中，该标记也可用于区域的章节表述。
2.多媒体标记
多媒体标记主要解决了以往通过 Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。
video:视频标记，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式，如WEBM、MP4、OGG。
audio:音频标记，用于支持和实现音频文件的直接播放，支持缓冲预载和多种音频媒体格式，如MP3、OGG、WAV。
3.表单标记
表单标记主要用于功能性的内容表达，会有一定的内容和数据的关联。
datalist:配合< Input/>标记定义一个下拉列表。
以上就是HTML5中新增而且最常用的那些标记。HTML为前端工程师打开了新的技术方向，在微信小程序的刺激下，掌握HTML5技术能够为自己职业发展增加更多的机会。想了解更多关于前端技术的课程可以直接在博学谷平台免费课、优质课以及在线就业班的课程中详细了解。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
微信小程序实战项目开发教程
下一篇：
JavaScript基础语法规则
相关推荐 更多
入行IT编程，学前端开发好还是学后台开发好？
入行IT编程，学前端开发好还是学后台开发好？前端开发和后台开发都是产品开发的重要环节，下面小编将从学习难易程度、技术前景以及就业情况三个方面与大家一起探讨。
10874
2019-08-09 18:03:59
Web前端开发在线课程怎么样？要学那些技术知识？
Web前端开发在线课程怎么样？要学那些技术知识？想从事前端开发，目前有三种途径，即自学、参加线下面授班、参加在线课程。自学对于个人的自控能力要求非常严格，面授班则需要脱产学习，相较之下越来越多的人选择参加Web前端开发在线课程。
9940
2019-07-29 17:44:51
参加前端HTML5开发专业培训哪家好？
HTML5是目前最火爆的软件开发之一，随着微信小程序的爆红和移动手机的广泛普及，无疑又给HTML5添了一把火。而且HTML5也是前端的核心技术之一，只要做前端开发必然就离不开HTML5技术。因此不少渴求高薪工作的小伙伴都开始学习HTML5技术了，而选择专业的培训机构是快速入门的最佳方法。然而前端HTML5开发专业培训机构这么多，参加前端HTML5培训哪家好呢？
6755
2019-10-15 16:42:05
HTML入门基础知识学习教程
HTML基础知识早已成为设计师、前端工程师、后台开发工程师、电子商务的人员的必备技能之一。那么如何学习HTML基础知识呢？这里向大家推荐博学谷的在线免费视频课程，课程包括了前端的核心基础技术HTML和CSS，同时还有相关案例拆分讲解，帮助大家全面掌握基础知识，轻松入门学习HTML。下面是具体的教程介绍：
5981
2019-12-10 17:36:28
Web前端培训都学些什么知识？
相比于后端技术，Web前端开发对于非科班出身的学习者来讲，进入门槛更低也更加容易。随着人们对用户体验感的重视，Web前端行业不断走俏，招聘需求也在不断扩大。目前，Web前端可以说是一个绝佳的就业选择。那么，Web前端培训都学些什么知识呢？主要可以分为四个阶段，移动Web网页开发、JavaScript网页编程、网络编程以及微信小程序，下面一起来看看吧！
6183
2020-06-26 14:29:11
