html5和html有什么区别

如题所述

html5是对html的第五次重大修改。html5继承了html所有的语法,所以html5与html的差异是以下这些html5的新特性:

1、语义特性

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

2、本地存储特性

基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。

3、设备兼容特性

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

4、连接特性

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据推送到客户端的功能。

5、网页多媒体特性

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

6、三维、图形及特效特性

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

7、性能与集成特性

没有用户会永远等待你的Loading。HTML5会通过XMLHttpRequest2等技术,解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

8、CSS3特性

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

扩展资料:

HTML5的优势:

1、提高可用性和改进用户的友好体验。

2、有几个新的标签,这将有助开发人员定义重要的内容。

3、可以给站点带来更多的多媒体元素(视频和音频)。

4、可以很好的替代FLASH和Silverlight。

5、当涉及到网站的抓取和索引的时候,对于SEO很友好。

6、将被大量应用于移动应用程序和游戏。

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-07-27
HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。
事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。
可是,其中有一些很重要的区别需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同之处(并不是全部,全部列出来是不可能的):
1. HTML5标准还在制定中
这头一个不同之处显而易见,但非常重要,我需要先从它开始。也许已经注意到了关于HTML5很酷的言论到处都是,但是事实情况是,HTML5是一个还未完成的标准。HTML4已经有10岁了,但它仍是当前正式的标准的事实没有改变。

另一方面,HTML5仍处在早期阶段,以后的修改会不断的出现。必须考虑到这些,因为在网站上使用的这些新增加或修改的网页元素会每年都出现一些变化,需要不停的更新升级网站,这可不是希望的。这就是目前为止,最好在产品里使用HTML4,只在实验里使用HTML5的原因。
2. 简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在只需要写<!doctype html>,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。
3. 一个替代Flash的新 <canvas> 标记
对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说,用新的 <canvas> 标记生成视频的技术已经到来。
目前, <canvas> 标记并不能提供所有的Flash具有的功能,但假以时日,Flash必将从web上淘汰。我们拭目以待,因为很多人还并不认同这种观点。
4. 新的 <header> 和 <footer> 标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么这些<header> 和
<footer> 等新标记的出现,它们是专门为标志网站的这些部分设计的。
在开发网站时,不在需要用<div>标记来标注网页的这些部分。本回答被网友采纳
第2个回答  2019-12-21
HTML5和HTML的区别:
1.
HTML5
标准还在制定中
首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。
2.
简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,只需要写<!doctype
html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
3.
<canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就
能和用户产生UI交互。
4.
新增
<header>

<footer>
标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。
5.
新增
<section>

<article>
标签
与<header>,
<footer>类似,<section>和<article>也有利于清晰化网页的结构,更有利于SEO。
6.
新增
<menu>

<figure>
标签
<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
7.
新增
<audio>

<video>
标签
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。
8.
全新的表单
HTML5对
<form>

<forminput>
标签进行了大量修改,添加了很多新的属性,也修改了很多属性。
9.
删除
<b>

<font>
标签
这个改进还无法理解。不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但还是觉得对于简单的文本,这两个标签还是很方便的。
10.
删除
<frame>,
<center>,
<big>
标签
已经记不得上次是什么时候使用这些标签了。本回答被提问者采纳
第3个回答  2021-10-29
区别不是很大,只要对html有基础,html5就不是很难,html5就是在html上加了一些标签和功能使得更方便便捷一些。
第4个回答  推荐于2018-02-26
html和h5的区别不是很大,h5只是增加了标签,一些标签可以对网页更好更快得使用,同时一些标签也是h4表现不出来的,其中明显的就是canvas和svg两个,可以用这两个结合JavaScript来绘制美丽的图片,效果等本回答被网友采纳
相似回答