在线客服
扫描二维码
下载博学谷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基础语法规则
相关推荐 更多
Web前端知识点之HTML规范
本文就标签规则，标签语义化，属性规则，属性顺序和布尔属性五个方面，带大家梳理一下Web前端知识点之HTML规范。
6272
2019-07-29 14:16:46
HTML5开发APP有哪些优点和缺点？HTML5优势和劣势大对比
HTML5开发APP有哪些优点和缺点？对比起来看，HTML5开发APP的优势明显大于劣势。比如HTML5有跨平台，开发成本低，推广更容易等等优点，同时它也有着一些缺点，比如容易受到网络的限制，用户体验性一般，变现慢等问题。本文将为大家详细分析一下，HTML5开发移动APP的优势与劣势。
6716
2019-10-23 12:45:55
全栈开发项目教程 带你走向全栈开发之路
全栈开发工程师是目前各大企业和公司需要的复合型人才，想要成为一名具备全局思维的全栈工程师，需要掌握前后端开发等多项技能。本文将向大家介绍全栈开发项目教程，带领大家走向全栈开发之路。该教程使用了Vue技术栈、NuxtJS、Koa2、MongoDB技术，通过开发全栈电商平台的实战案例，帮助大家快速牢固掌握市场最前沿的全栈技术。下面我们来一起看看具体的教程内容。
5092
2019-12-03 15:18:05
精通HTML5+CSS3需要学什么？
主要学习vscode编辑器基本使用、HTML5新增标签、CSS3新增选择器及案例、2D转换及相关案例实现、3D转换和旋转木马案例等知识点。需要掌握HTML5+CSS3新特性，使用HTML5+CSS3实现炫酷动画效果，熟悉VSCode编辑器基本使用。
4642
2020-01-03 18:37:47
前端开发语言有哪些？需要掌握什么？
通常前端开发在基础阶段掌握html+css+js+jq；框架语言阶段掌握vue+react+小程序；后端掌握nodejs+mongdb+云开发；UI框架阶段熟悉常见的有elementui+ang系列。
4926
2020-12-28 10:15:32
