很多没有学过HTML5大前端的同学，对HTML5并不了解，经常会提出疑问：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的声明更为简单，方便记忆，所以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标签即可。
(千锋教育HTML5大前端学科细分层级进阶教学)
发展到今天，HTML5的功能已经十分强大，放眼未来，HTML5的发展潜力不可限量。千锋教育顺应科技发展，不断优化HTML5大前端课程，目前课程已经涵盖前端页面重构、PC端全栈开发、Node.js后端开发、Vue.js前端框架等不同课程阶段，课程趋于全面和精细化，更加契合当下企业的发展需求。深度学习HTML5知识点，积累丰富的实战经验，全面掌握前端开发技能，千锋教育是你不二的选择。
京公网安备 11010802030320号