在线客服
扫描二维码
下载博学谷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基础语法规则
相关推荐 更多
HTML5在线培训哪个机构好？
在线培训哪个机构好？计划去参加培训HTML5的时候应该如何选择在线培训机构呢？现在的社会中各种培训机构遍地开花，很多人无从下手，其实选择HTML5在线培训的机构并不难，我们只需要需要从以下几点进行考虑：
9677
2019-07-24 18:31:54
入行IT编程，学前端开发好还是学后台开发好？
入行IT编程，学前端开发好还是学后台开发好？前端开发和后台开发都是产品开发的重要环节，下面小编将从学习难易程度、技术前景以及就业情况三个方面与大家一起探讨。
8589
2019-08-09 18:03:59
十个实用的CSS代码技巧整理
为了让大家高效率的进行工作，本文归纳总结了十个实用的CSS代码技巧，希望对大家能有所帮助。简单来说，这十大技巧分别是注意外边距折叠，使用flex进行布局，所有元素设置为Border-box，重置元素的CSS样式，使用transform属性来创建动画，短横线命名，不要使用!important，使用AutoPrefixer达到更好的兼容性，Caniuse和验证。
4471
2019-11-10 14:57:03
全栈开发项目教程 带你走向全栈开发之路
全栈开发工程师是目前各大企业和公司需要的复合型人才，想要成为一名具备全局思维的全栈工程师，需要掌握前后端开发等多项技能。本文将向大家介绍全栈开发项目教程，带领大家走向全栈开发之路。该教程使用了Vue技术栈、NuxtJS、Koa2、MongoDB技术，通过开发全栈电商平台的实战案例，帮助大家快速牢固掌握市场最前沿的全栈技术。下面我们来一起看看具体的教程内容。
4999
2019-12-03 15:18:05
CSS3教程免费在线学习
随着CSS技术的不断升级，CSS3便诞生了，可以说CSS3的语法是建立在CSS原先版本基础上的。因此掌握CSS3的重要性不言而喻，一方面可以提升网页制作效果，另一方面还能极大提升开发效率。那么如何学习并掌握CSS3相关技术呢？这里推荐大家一些在博学谷就可以免费在线学习CSS3教程，有需求的小伙伴可以看看相关的课程介绍。
4369
2020-02-06 15:17:49
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么？先掌握这三大核心关键技术
- 前端开发的工作方向有哪些？
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试？两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些，才能成为架构师 查看更多
扫描二维码，了解更多信息
