html5和html有什么区别啊?

html-css012

html5和html有什么区别啊?,第1张

html5和html的区别有:

1、在文档类型声明上

在文档声明上,html有很长的一段代码,并且很难记住这段代码,而html5却是不同,只有简简单单的声明,这也方便人们的记忆,更加精简。例如:

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

<html xmlns="http://www.w3.org/1999/xhtml">

html5:

<!DOCTYPE html>

2、在结构语义上

html4.0:没有体现结构语义化的标签,我们通常都是这样来命名的:<divid="header"></div>;

html5:在语义上却有很大的优势。提供了一些新的html5标签,比如:<header> 、<nav>、<article>、<aside>、<footer>...

3、与html相比,HTML5拥有强大的的新功能

(1)强大的绘图功能

可能有些动画,或者图片,在html5可以通过强大的绘画功能,加上JS可以实现。而在html4.0却不行。

2)新增视频标签

可能在html4.0的时候,我们想要插入一段视频,还需要引用一长段的代码。但是在html5的情况下。我们只需要用于一个video标签即可。

<videosrc="视频地址"></video>

总的来说,html5增加了新标签,功能更多了,是html的升级版。

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 被用作标题 (它是可选的).

1、文档声明区别

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

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

2、结构语义区别

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

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

3、绘图区别

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

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