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

400-811-9990
手机站
千锋教育

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

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

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

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:哈尔滨千锋IT培训  >  行业资讯  >  HTML5与传统HTML的区别在哪里?

HTML5与传统HTML的区别在哪里?

来源:千锋教育
发布人:mkloo
时间:2019-06-10 13:01:00

  很多初入门HTML5的学员问过HTML5与传统HTML的区别,以及写网页经常用HTML5还是HTML,今天千锋哈尔滨校区老师就讲一下两者比较明显的几个区别。

  HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,就像一个人大学毕业后,又继续读研考博,在知识的深度和广度上都做了进一步深造。

  首先,两者文档类型声明不同。

  HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

  3、<"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  HTML5:<!DOCTYPE html>

  由此可以看出,在文档声明上,HTML有很长的一段代码,并且难以记忆,而HTML5的声明更为简单,方便记忆,有利于程序员的快速阅读和开发。

  其次,两者结构语义有所不同。

  HTML没有结构语义化的标签,HTML5则增加了很多语义化的标签,使代码结构清晰,更加具有可读性。

  再有,HTML5新增了强大的绘图功能。

  有些动画,或者图片,在HTML5可以通过绘画功能,加上JS可以实现。而在HTML4.0却不行。在HTML5中,Canvas和SVG是可以进行绘图的。Canvas相当于一个画布,但它本身不具备画图能力,可以通过JavaScript来绘制2D图形,Canvas 是逐像素进行渲染的。SVG是可伸缩矢量图形,用于定义网络的基于矢量的图形。SVG严格遵从XML语法,其图像文件可读,易于修改和编辑,可被搜索、索引、脚本化或压缩,并且具有可伸缩性,可在任何的分辨率下被高质量地打印,也可以在图像质量不下降的情况下被放大。

图片1

  最后,说一下HTML5新增的视频标签。

  用HTML4.0想插入一段视频,还需要引用很长一段代码,但是在HTML5的情况下就比较方便了,只需要用一个video标签即可。

  不难看出,HTML5的优势和发展潜力都是非常大的。千锋教育HTML5大前端课程,涵盖了前端页面重构、PC端全栈开发、Node.js后端开发、Vue.js前端框架等不同课程阶段,课程全面精细化,更加契合IT企业需求。提升HTML5技能,来千锋学习HTML5大前端培训,是不错的选择。

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

猜你喜欢LIKE

学it需要多少钱?费用多吗

2023-03-29

Java必须学的有哪些知识?

2019-11-06

在培训班学Web前端好吗?

2019-09-12

最新文章NEW

学it需要具备什么条件?学it有哪些要求

2023-03-07

小白学Web前端好入门吗?

2019-09-18

IT培训哪家好?

2019-08-29

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>