• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 HTML5新增标签汇总

发布时间:2019-10-25 18:01:44 浏览 5514 来源:博学谷 作者:枫调

      HTML5是W3C在2014年完成的新的前端标准。它增强了留恋其本身的功能,提高了用户体验满意度。从HTML发展到到HTML5经理了巨大的变化。尤其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基础语法规则

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码