html 和 html5的区别

html-css014

html 和 html5的区别,第1张

html 和 html5的区别如下:

1. 文件类型声明

5: <!DOCTYPE HTML>

4: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

2. 编码设置

<meta charset="UTF-8">

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

3. 可以直接嵌入MathML和SVG

4. 新的解析规范

5. 移除一些无用的标签

big, center, font, acronym, applet, basefont, dir, frame, frameset, isindex, noframes, strike, tt

html5与html在新元素方面的区别:

一、更好的结构化、语义化,引入下面这些元素

section 代表一个通用的文件或应用部分。它可以和 h1, h2, h3, h4, h5, 及 h6 元素同时使用来表明文档的结构。

article代表了一个文档内容的独立片段,比如博客条目或报纸文章。

Aside 代表了一段与页面的其余部分稍稍相关的内容。

hgroup 代表一个部分(section)的头(header)。

header代表一组介绍或导航辅助。

footer 代表一个部分(section)的尾(footer)并可以容纳关于作者、版权等信息。

nav 代表了用于导航目的的文档的一部分。

figure 代表一个独立的流内容片段,通常作为一个文档主流的独立单元。

<figure>

<video src="example.webm" controls></video>

<figcaption>Example</figcaption>

</figure>

figcaption 被用作标题 (它是可选的).

HTML和HTML5都是HTML,只不过通常我们说的HTML只的是HTML4.0版本或者之前的版本,而HTML5是w3c发布的最新的HTML版本,也就是说HTML和HTML5是HTML的不同版本。

首先介绍一下HTML是什么,HTML的专业定义是超文本标记语言,所谓的超文本就是不只是文本,还有图片、音频、视频等等都是可以的标记的,HTML语言是浏览器执行的,用于告诉浏览器要显示什么和如何显示,通俗的讲就是告诉浏览器以什么样的板式样式来显示我们的超文本内容,我们平时的网页就是HTML结合一些其他的语言制作的。

举一个简单的实例

<font color="red">百度知道</font>

这句代买就可以让“百度知道”这几个字的内容在浏览器上显示位红色。

关于html5和HTML的详细区别。

我们现在的网页大多还是使用html4.0的标准进行开发的,之所以有HTML是因为现在HTML版本已经不能满足开发者或者是用户的需求了,所以才有了html5。

相对于htm4.0来说,HTML到底增加了哪些新功能呢?

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。

html5除了更加适合开发移动端还有很多新的特性如:

语义特性,HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

本地存储特性,基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

设备兼容特性 ,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。

三维、图形及特效特性,基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

CSS3特性,在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。等等。

总之,html5是一个具有跨时代意义的一个版本,它使得html也有了编程的特性,而且大量的api接口使得html5可以做一些编程语言做的事情,如webapp等。

1、文档声明区别:

HTML:超文本标记语言,一种纯文本类型的语言。

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

2、结构语义区别

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

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

3、绘图区别

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

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

扩展资料

HTML5的特征

1、语义特性(Class:Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性(Class: OFFLINE &STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

参考资料

百度百科-HTML5