HTML和HTML5之间有什么区别？

2019-07-01

html和HTML5之间的区别有：HTML的文档类型声明太长而且复杂，而HTML5的文档声明相对来说更为简便，有利于程序员快速阅读和开发。相对于HTML，HTML5中新增和修改了一些元素。下面本篇文章就来给大家介绍和对比一下HTML和HTML5，让大家了解HTML和HTML5之间的一些区别，希望对大家有所帮助。

什么是HTML和HTML5？

HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。

大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构造和呈现内容。

HTML5是HTML的第五个版本，HTML5中删除或修改了许多元素。

HTML和HTML5之间的区别是什么？

1、文档类型声明(Doctype声明)

HTML文档的类型声明为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3333.org/TR/html4/strict.dtd">
//或
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3333.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML5文档的类型声明为：

<!DOCTYPE html>

可以看出：HTML的文档类型声明太长而且复杂，而HTML5的文档声明相对来说更为简便，有利于程序员快速阅读和开发。

2、音频和视频的支持

HTML如果不使用Flash播放器支持，它不支持音频和视频。HTML5使用<audio>和<video>标签来支持音频和视频控制。

存储数据

HTML使用cookie来存储临时数据。HTML5使用SQL数据库和应用程序缓存来存储脱机数据。

3、矢量图形的使用

对于HTML，矢量图形可以在HTML中借助各种技术实现，如vml、银光、flash等。对于HTML5，矢量图形是HTML5的一个组成部分，如SVG和Canvas。

4、拖放效果和绘图

HTML不允许拖放效果，无法绘制复杂图形，例：圆形，矩形，三角形等形状。HTML5允许拖放效果，允许绘制圆形，矩形，三角形等形状。

5、语法的处理

HTML无法处理不准确的语法；HTML5能够处理不准确的语法。

6、元素和属性

HTML中不存在charset，async和ping等属性；但charset，async和ping的属性是HTML 5的一部分。

HTML5中有许多HTML元素已被修改或删除。其中一些列表如下：

HTML5中添加了许多新元素，如：nav, audio, figcaption, progress, command, time, datalist, video, figure, meter, data, section, time, aside, canvas, summary, rp, rt, details, wbr, header, footer, keygen, embed, article, hgroup, bdi, mark, output, source, track, section, ruby 等等。

以上就是HTML和HTML5之间有什么区别的详细内容