区别：1、html5对语法进行了简化，例如文件类型声明只需要写成“<!doctype html>”即可；2、HTML5的文档解析不再基于SGML；3、html5新增了语义标签，废除了一些网页美化方面的标签，使样式与结构分离更加彻底等等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
HTML5自从2010年正式推出后，它以惊人速度发展，现在主流浏览器基本上都支持了HTML5（除了个别的特性在浏览器兼容有问题），这说明HTML5越来越受到欢迎。可以预测不久的将来HTML5会成为web前端的主流技术。HTML5特效更好适应移动互联网时代，可以更好支持多媒体在移动设备上运行。
HTML5和HTML4究竟有哪些区别？
1、语法简化
html5的推出对语法进行了简化，例如头部的doctype，我们只要写<!doctype html>就可以了。
而html4需要写成：
2、标准方面
HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准，而是形成了自己的一套标准。
3、标签方面
新增语义标签，其中包括
<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>
废除一些网页美化方面的标签，使样式与结构分离更加彻底, 包括
<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>
通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持。
以前，在网页中播放多媒体时，需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后，使用<video>或<audio>标签播放视频和音频，不需要在安装其他的什么来播放了。
4、属性方面
增加了一些表单属性, 主要是其中的input属性的增强
<!-- 此类型要求输入格式正确的email地址 --> <input type=email > <!-- 要求输入格式正确的URL地址 --> <input type=url > <!-- 要求输入格式数字，默认会有上下两个按钮 --> <input type=number > <!-- 时间系列，但目前只有 Opera和Chrome支持 --> <input type=date > <input type=time > <input type=datetime > <input type=datetime-local > <input type=month > <input type=week > <!-- 默认占位文字 --> <input type=text placeholder="your message" > <!-- 默认聚焦属性 --> <input type=text autofacus="true" > 其他标签新增了一些属性, <!-- meta标签增加charset属性 --> <meta charset="utf-8"> <!-- script标签增加async属性 --> <script async></script> 使部分属性名默认具有boolean属性 <!-- 只写属性名默认为true --> <input type="checkbox" checked/> <!-- 属性名="属性名"也为true --> <input type="checkbox" checked="checked"/>
5、存储方面
新增WebStorage, 包括localStorage和sessionStorage
引入了IndexedDB和Web SQL，允许在浏览器端创建数据库表并存储数据, 两者的区别在于IndexedDB更像是一个NoSQL数据库，而WebSQL更像是关系型数据库。W3C已经不再支持WebSQL。
引入了应用程序缓存器(application cache)，可对web进行缓存，在没有网络的情况下使用，通过创建cache manifest文件,创建应用缓存，为PWA(Progressive Web App)提供了底层的技术支持。
相关推荐：《html视频教程》
以上就是html5和4有什么区别的详细内容，更多请关注php中文网其它相关文章！
