龙空技术网

HTML5与传统HTML的区别在哪里?优势有哪些?

艾特程序员 209

前言:

现时我们对“定义html5”可能比较着重,咱们都想要学习一些“定义html5”的相关内容。那么小编也在网摘上汇集了一些对于“定义html5””的相关资讯,希望小伙伴们能喜欢,看官们一起来了解一下吧!

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

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

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

HTML:1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "">

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

3、<"">

HTML5:<!DOCTYPE html>

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

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

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

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

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

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

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

综上所述,HTML5相对于传统的HTML还是有很大优势的,有兴趣的小伙伴可以先自学看看。

标签: #定义html5