首页技术文章正文

H5新增标签有哪些?【web前端培训】

更新时间:2023年03月06日 11时29分49秒 来源:黑马程序员

HTML5新增了一些结构性标记、多媒体标记和表单标记,下面对常用的新增标记进行介绍。

1566749397409_前端9.jpg

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【点击】

软件测试入门到精通【点击】
分享到:
在线咨询 我要报名
和我们在线交谈!