网站首页 > 知识剖析正文

HTML5与HTML的区别是什么?

nixiaole 2024-11-25 15:47:35 知识剖析 15 ℃

想要学编程的小伙伴们可能都知道HTML和HTML5，这两者都是WEB语言的一种表述方式，也就是我们上网时经常遇到的网页，他们两者之间的区别是什么呢？其实HTML5就是HTML的第五代产品，研发HTML5为了适应移动互联网应用下的一些需求，HTML5和HTML比起来，深度HTML5和广度上都做了进一步提升。

在HTML5出现之前的产品开发针对不同平台像是pc端，ios端，Android端等都是要分开进行编码开发的，而后期的维护同样也是要分开进行。但HTML5的横空出世打破了这个局面，不再需要分开编码开发或者维护了，只需要按照HTML5的标准就可以在各个平台顺利运行，不单把工作效率大大提高了，同时也为开发节省了不少成本。除此之外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是可伸缩矢量图形，用于定义网络的基于矢量的图形。

HTML5新增了视屏标签

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

随着移动互联网的快速发展，以及智能化技术的快速发展，未来或许还会有更新版本的HTML问世，但是，HTML系列的这种表述方式是前端开发不不可少的工具，也是编程的入门级语言，想要从事前端开发的同学们一定要掌握好HTML和HTML5的使用方法吆!

上一篇：这种反爬虫手段有点意思，看我破了它
下一篇： html的js学习-DOM编程学习笔记

网站首页 > 知识剖析 正文

HTML5与HTML的区别是什么?

微信扫一扫：分享

猜你喜欢

网站首页 > 知识剖析正文