html5和html有什么区别啊?

html-css021

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的升级版。

(1)HTML5支持SVG,画布和其他虚拟矢量图形,而在HTML中,只有将它与Flash,Silver-light等不同技术结合在一起才能使用矢量图形。

(2)HTML5使用Web SQL数据库,可用于临时存储数据但在HTML中只有浏览器缓存才可用于此目的。

(3)HTML5支持新的表单控件,例如:日期和时间,电子邮件,数字,范围,电话,网址,搜索等。

(4)HTML 5是否允许音频和视频控件以及标签,HTML不允许音频<audio>和video <video>标签。

(5)在HTML 5中,Doctype声明非常简单易用,Doctype声明在HTML中太长且复杂

(6)charset,async和ping的属性是HTML 5的一部分,HTML中不存在charset,async和ping等属性

(7)增强了对Web应用程序功能的支持:在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法,因为HTML5中固有的元素提供了所有功能。

(8)新增加的<menu>和<menuitem>元素是互动元素规格的成分,但不经常使用或开发者社区津津乐道。但是,这两个项目可用于确保增强的Web交互<menu>性。为简单起见,标签用于表示移动和桌面应用程序中的菜单命令。

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