html5和html的区别

html-css06

html5和html的区别,第1张

一、指代不同

1、html5:是Web中核心语言HTML的规范。

2、html:称为超文本标记语言,是一种标识性的语言。

二、特点不同

1、html5:用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。

2、html:包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

三、构成不同

1、html5: 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机

2、html:是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

参考资料来源:百度百科-html5

参考资料来源:百度百科-HTML

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

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

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

HTML5和HTML的区别

首先,HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升。

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

HTML:

HTML5

由上面可以看到,在文档声明上,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标签即可。

自己是从事了五年的前端工程师,自己整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴,需要可以私聊我哟,这是我的前端开发qun,【六零三】【九八五】【九九三】,对于学习web前端有任何问题(学习方法,学习效率,如何就业)都可以问我,最后可以点一波关注哟!

总结:

1、文档声明区别

HTML文档的类型声明为:

HTML5文档的类型声明为:

HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。

2、结构语义区别

html:没有体现结构语义化的标签,如:<div id="nav"></div>

html5:添加了许多具有语义化的标签,如:<article>、<aside>、<audio>、<bdi>...

相对于HTML,HTML5中新增和修改了一些元素。

3、绘图区别

HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。

HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

4、音频和视频的支持

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

5、语法的处理

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