在线客服
扫描二维码
下载博学谷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基础语法规则
相关推荐 更多
HTML代码怎么用?HTML基础教程
在弄清“HTML代码怎么用”之前，我们要首先明白HTML是用来描述网页的语言，它不是一种编程语言，而是一种 使用标记标签来描述网页的标记语言。本篇基础教程主要内容包括：HTML常用代码、网页基本框架和网页组成要素。
7560
2019-08-16 11:46:05
十个实用的CSS代码技巧整理
为了让大家高效率的进行工作，本文归纳总结了十个实用的CSS代码技巧，希望对大家能有所帮助。简单来说，这十大技巧分别是注意外边距折叠，使用flex进行布局，所有元素设置为Border-box，重置元素的CSS样式，使用transform属性来创建动画，短横线命名，不要使用!important，使用AutoPrefixer达到更好的兼容性，Caniuse和验证。
5222
2019-11-10 14:57:03
前端学习中的重点难点总结
在互联网技术岗位中，前端一直被定义为入门简单，发展潜力巨大的技术方向。尤其对于新接触编程的同学们而言，非常容易理解并掌握HTML和CSS的基本知识，但是作为一门技术岗位，前端开发依旧具有一定的挑战性。因此我们一定要注意前端学习中的重点难点知识，在学习的过程中尽量掌握其要点，保障在实际工作中减少踩雷的风险。
7346
2020-08-07 10:27:04
网站开发中前端的重要性
前端开发在整个网站开发的过程中扮演什么角色？有什么重要的意义？我们通过各大招聘平台可以看到，目前互联网技术领域招聘中，前端开发工程师占有非常大的比重，这足以说明前端开发的重要性。另外除了简单易学，岗位薪资高之外，前端开发具有什么重要性呢？
8101
2020-08-07 10:34:03
第三季度编程语言排行榜竟然它最稳
JavaScript 编程语言可以常年居于排行榜榜首位置，和它是前端工程师使用的唯一编程语言分不开，因为前端技术生态都是建立在JavaScript基础之上的，JavaScript作为前端编程语言是没有竞争对手并且不会过时
5227
2021-08-16 17:59:22
