×

回忆HTML和HTML5之间的区别

作者:jiang2019.08.20来源:Web前端之家浏览:10966评论:0
关键词:htmlhtml5

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.w3.org/TR/html4/strict.dtd">
//或
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.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元素已被修改或删除。其中一些列表如下:

1561602203817017.png

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 等等。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/htmlj923423posdifp.html

网友评论文明上网理性发言 已有0人参与

发表评论: