在线客服
扫描二维码
下载博学谷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开发APP有哪些优点和缺点？HTML5优势和劣势大对比
HTML5开发APP有哪些优点和缺点？对比起来看，HTML5开发APP的优势明显大于劣势。比如HTML5有跨平台，开发成本低，推广更容易等等优点，同时它也有着一些缺点，比如容易受到网络的限制，用户体验性一般，变现慢等问题。本文将为大家详细分析一下，HTML5开发移动APP的优势与劣势。
8951
2019-10-23 12:45:55
Redis从入门到精通详解
众所周知，Redis是一款开源的数据库，它使用ANSI C语言编写、遵守BSD协议、支持网络，并且可基于内存也可持久化的日志型、Key-Value高性能。本文就来聊聊Redis，带大家从入门到精通。以下是Redis史上最全详解，一起来看看吧！
7134
2019-11-16 15:12:08
前端页面开发配色原则有哪些？
前端页面开发过程中，不仅仅要考虑到页面功能的问题，还需要着重注意网站配色因素。除去网站定位的主色调外，一个优秀的前端页面还要遵循配色原则。避免因为配色问题导致网页杂乱，从而影响用户的视觉体验。那前端页面开发配色原则有哪些呢？
7939
2019-11-22 18:32:58
为什么网站开发要重点考量浏览器兼容性？
作为前端开发工程师，在开发过程中不仅仅要考虑到移动端、小程序、APP等平台及产品，单单在PC端还要考虑各种浏览器的兼容性。为什么同样是浏览器，同样的产品展示的时候回出现不同的效果呢？除了每个浏览器本身开发架构不同之外，主要原因就是浏览器使用的内核不同。
8801
2019-12-03 18:51:40
CSS3教程免费在线学习
随着CSS技术的不断升级，CSS3便诞生了，可以说CSS3的语法是建立在CSS原先版本基础上的。因此掌握CSS3的重要性不言而喻，一方面可以提升网页制作效果，另一方面还能极大提升开发效率。那么如何学习并掌握CSS3相关技术呢？这里推荐大家一些在博学谷就可以免费在线学习CSS3教程，有需求的小伙伴可以看看相关的课程介绍。
6133
2020-02-06 15:17:49
