更新时间:2023年03月06日 11时29分49秒 来源:黑马程序员
HTML5新增了一些结构性标记、多媒体标记和表单标记,下面对常用的新增标记进行介绍。
1.结构性标记
结构性标记主要用来对页面结构进行划分,就像在设计网页时将页面分为导航、内容部分、页脚等,确保HTML文档的完整性。
● article:用于表示一篇文章的主题内容,一般为文字集中显示的区域。
● header:页面主体上的头部。
● nav:是专门用于菜单导航、链接导航的标记。
● section:用于表达书的一部分或一章,在Web页面应用中,该标记也可用于区域的章节表述。
2.多媒体标记
多媒体标记主要解决了以往通过 Flash等进行视频的一些展示,新增的标记使HTML功能变得更加强大了。
● video:视频标记,用于支持和实现视频文件的直接播放,支持缓冲预载和多种视频媒体格式,如WEBM、MP4、OGG。
● audio:音频标记,用于支持和实现音频文件的直接播放,支持缓冲预载和多种音频媒体格式,如MP3、OGG、WAV。
3.表单标记
表单标记主要用于功能性的内容表达,会有一定的内容和数据的关联。
● datalist:配合< Input/>标记定义一个下拉列表。
以上我们介绍了H5新增加的标签,如果想系统学习web前端,可以点击页面咨询按钮了解黑马程序员大前端课程。
推荐了解热门学科
java培训 | Python人工智能 | Web前端培训 | PHP培训 |
智能机器人软件开发 | 影视制作培训 | C++培训 | 产品经理培训 |
UI设计培训 | 新媒体培训 | 产品经理培训 | Linux运维 |
大数据培训 |
Python入门教程完整版(懂中文就能学会)【点击】 | 零起点打开Java世界的大门【点击】 |
C++| 匠心之作 从0到1入门学编程【点击】 | PHP|零基础入门开发者编程核心技术【点击】 |
Web前端入门教程_Web前端html+css+JavaScript【点击】 | 软件测试入门到精通【点击】 |