HTML5与HTML4区别如下:
1、语法简化
HTML、XHTML的DOCTYPE、html、meta、script等标签,在HTML5中有大幅度的简化。
2、统一网页内嵌多媒体语法
以前,在网页中播放多媒体时,需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后,使用<video>或<audio>标签播放视频和音频,不需要在安装其他的什么来播放了。
3、新增了语义标签
为了增加网页的可读性,HTML5增加了<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>语义标签。
4、HTML5废除了一些旧标签
废除的大部分是网页美化方面的标签,例如:<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架,不能使用。
5、全新的表单设计
表单是网页设计者最常用的功能,HTML5对表单做了很大的更改,不但新增了几项新的标签,对原来的<form>标签也增加了许多属性。
6、新增了<canvas>标签,可以绘制图形
HTML5新增了具有绘图功能的<canvas>
HTML5新特征
1、表单是实现用户与页面后台交互主要组成部分,HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式,再加上新增加的一些表单标签,使得原本需要JavaScript来实现的控件,可以直接使用HTML5的表单来实现。
2、HTML5较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5支持DOM Storage和Web SQL Database 两种存储机制。
其中,DOM Storage 适用于具有key/value对的基本本地存储;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者可以使用SQL语法对这些数据进行查询、插入等操作。
3、HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。
HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。
参考资料来源:百度百科—html5
区别:
1、定义
HTML5是应用超文本标记语言(HTML)的第五次修改,HTML4是应用超文本标记语言(HTML)的第四次修改,他们分别是html语言第5和第4版本,HTML4是为了适应pc时代产生的,HTML5是为了适应移动互联网时代产生的。他们都是w3c(World Wide Web)推荐的标准语言。
2、标签
HTML5相比HTML4代码更加简洁,HTML5的一些新元素、新属性等可以使web开发变的容易简单,比如说HTML5提高了API。HTML5之前有很多功能必须依靠javascript实现,现在使用HTML5元素的标签属性就可以。
由于HTML5在web页面这种大量可代替脚本(javascript)属性使语言变的简单易懂,而仅靠html4需要和javascript配合才能做到。
3、元素
HTML5增加了canvas 元素(绘画)、video 元素(媒体回放)、audio 元素、新的特殊内容元素(article、footer、header、nav、section)、表单控件(calendar、date、time、email、url、search),比如之前用div现在可以用HTML5结构化标签代替,这样使整个页面更加直观,容易理解。
4、标记方法
HTML5语法主要是DOCTYPE(DOCTYPE声明方法:<!DOCTYPE html>)和指定字符编码(对mate元素追加charset属性指定编码:<mate charset="UTF-8">)和html4有所区别。
扩展资料
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
HTML5将Web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都进行了规范。
HTML5技术在未来主要发展的市场还是在移动端互联网领域,现阶段移动浏览器有应用体验不佳、网页标准不统一的劣势,这两个方面是移动端网页发展的障碍,而HTML5技术能够解决这两个问题,并且将劣势转化为优势,整体推动整个移动端网页方面的发展。
参考资料:百度百科 - html5
本回答被网友采纳1、HTML5是一个制定中的标准
HTML5依然是一个制定中的标准,而HTML4是正式的标准。到目前为止,在产品里使用HTML4,只在实验里使用HTML5。
2、简化的语法
更简单的doctype声明是HTML5里众多新特征之一。现在,只需要写<!doctype html>就好了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。
3、新的<canvas>标记代替flash
对于Web用户来说,Flash既是惊喜也是一种痛苦。所以,一些开发人员对HTML5威胁Flash的做法不满,但对于那些忍受着要花好久才能加载和运行的臃肿的Flash视频的人来说,用新的<canvas> 标记渲染图像的技术已经梦想成真。
目前,<canvas> 标记并不能提供所有的Flash具有的功能,但假以时日,其必将Flash从web上淘汰!我们拭目以待,因为很多人对此表示怀疑。
4、新的<header>与<footer>标记
HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么一些像<header>和<footer> 这样的新标记会出现,它们是专门为标志网站的这些部分设计的。
在开发网站时,你不再需要用<div>标记来标注网页的这些部分。
5、新的<section>与<article>标记
跟<header>与<footer>标记相似,HTML5中引入的新的<section> 和<article> 标记可以让开发人员更好的标注页面上的这些区域。
据推测,除了让代码更有组织外,它也能改善SEO效果,能让搜索引擎更容易的分析你的页面。
6. 新的<menu> 和<figure> 标记
新的<menu>标记可以被用作普通的菜单,也可以用在工具条和右键菜单上,虽然这些东西在页面上并不常用。
同样,新的<figure> 标记是一种更专业的管理页面上文字和图像的方式。当然,你可以用样式表来控制文字和图像,但使用HTML5内置的这个标记更适合。
参考资料来源:百度百科-html5
本回答被网友采纳