千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

【热点话题】 零基础学IT IT学习教程 IT学习笔记 IT技术干货 IT培训机构 IT应聘面试 IT职场就业 Java培训机构哪些好
当前位置:首页  >  关于学院  >  技术干货  > html和h5有什么区别?前端小白扫盲专区

html和h5有什么区别?前端小白扫盲专区

来源:千锋教育
发布人:syq
时间: 2022-11-21 10:21:00 1668997260

  在我们学习前端的过程中,经常会听到html和h5,这两者是否一样呢?如何区分呢?html代表超文本标记语言,主要用于比标记语言设计网页。而h5是htmld的第五个版本,删除和修改了很多元素。那么html和h5有什么区别呢?主要体现在结构语义、文档声明、绘图、音频/视频的支持、语法处理等方面:

html和h5有什么区别

  什么html?

  html为超文本标记语言,是web的核心语言,主要用来标记网页的语言,语法简单、结构清晰。网页主要是指html文档,该文档中包含标签和文本内容,浏览器可以读取其内容,并且以网页的形式展现给用户。该页面包含图片、文字、声音、视频、动画等内容。

  什么是h5?

  h5主要是以商业用途为主,主要是基于h5技术的交互网页应用,尤其是微信h5是目前应用最多的形式。同时为互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画等功能。

  1.结构语义

  html一般不会体现结构语义化的标签,通常会这样命名:divid="header" /div

  h5在语义上有很大的优势,例如:header 、nav、article、aside等等。

  2.文档声明

  html:

1

  h5:

2

  主要区别在于html代码比较长,并且难记,而h5更加简洁,方便记忆。

  3.绘图

  html:主要用可伸缩矢量图形,用于定义网络的基于矢量的图形。

  h5:canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

  4.音频/视频的支持

  html:必须使用Flash播放器才能支持音频和视频的使用。

  h5:使用audio和video标签来支持音频和视频控制。

  5.语法处理

  html:不能处理不准确的语法。

  h5:可以处理不准确的语法。

  关于html和h5有什么区别就先介绍到这里,在如今高速发展的5G时代,h5+CSS3技术已经成为前端程序员的必备技能,想要进入前端的小伙伴赶快学起来吧!

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

10年以上业内强师集结,手把手带你蜕变精英

请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通

免费领取

今日已有369人领取成功

刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取

猜你喜欢LIKE

最新文章NEW

相关推荐HOT

更多>>

快速通道 更多>>

开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区