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