HTML5与HTML之间有哪些区别?

开课吧开课吧小易2021-02-03 16:35

HTML5和HTML之间的区别到底有哪些呢?这些很多初学者都会有的疑问。下边请看小编的介绍。

Web前端培训

首先,我们来看一下两者的声明文件类型:

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的声明更为简单,方便记忆,所以HTML5要比HTML更有利于程序员的快速阅读和开发。

此外,两者结构语义也有所不同。HTML没有结构语义化的标签,通常以<divid="header"></div>来命名,HTML5则增加了很多语义化的标签,比如:<header> 、<nav>、<article>、<aside>、<footer>等,使代码结构清晰,更加具有可读性。

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

除了上述几点,强大的HTML5还新增了视频标签。这个功能是HTML4.0所不具备的,用HTML4.0插入视频需要很长一段代码,但是用HTML5就只需要video标签即可。

怎么样,伙计们,你们对这两者的区别了解了吧。如果你还想了解更多其他内容,可以来开课吧广场Web前端问答频道。

有用
分享