html5和4有什么区别

青灯夜游原创: 2022-01-17 15:16:174728浏览

区别：1、html5对语法进行了简化，例如文件类型声明只需要写成“aba7b36f87decd50b18c7e3e3c150106”即可；2、HTML5的文档解析不再基于SGML；3、html5新增了语义标签，废除了一些网页美化方面的标签，使样式与结构分离更加彻底等等。

html5和4有什么区别

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML5自从2010年正式推出后，它以惊人速度发展，现在主流浏览器基本上都支持了HTML5（除了个别的特性在浏览器兼容有问题），这说明HTML5越来越受到欢迎。可以预测不久的将来HTML5会成为web前端的主流技术。HTML5特效更好适应移动互联网时代，可以更好支持多媒体在移动设备上运行。

HTML5和HTML4究竟有哪些区别？

1、语法简化

html5的推出对语法进行了简化，例如头部的doctype，我们只要写aba7b36f87decd50b18c7e3e3c150106就可以了。

而html4需要写成：

2、标准方面

HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准，而是形成了自己的一套标准。

3、标签方面

新增语义标签，其中包括

1aa9e5d373740b65a0cc8f0a02150c53、c37f8231a37e88427e62669260f0074d、2f8332c8dcfd5c7dec030a070bf652c3、23c3de37f2f9ebcb477c4a90aac6fffd、c787b9a589a3ece771e842a6176cf8e9、d8eccd9ed644b68a6460a2bb84548c82、15221ee8cba27fc1d7a26c47a001eb9b、24203f2f45e6606542ba09fd2181843a

废除一些网页美化方面的标签，使样式与结构分离更加彻底, 包括

3d49bde0e0b2e042578ad34140b6c48e、88f336217b3880082bb52d49b5de60a5、240cb830ca84ebaabbd07850110b414d、abd1d7fe556b8a5c1c26946ca234394a、bacbf9e1ad7f40415ce1670e31edfee3、2e44d2d3284d23d932e1fd85f3d4cf3a、78f983dbc27872ba42409adefe5049d9

通过增加了b97864c2e0ef2353a16c4d64c7734e92、39000f942b2545a5315c57fa3276f220两个标签来实现对多媒体中的音频、视频使用的支持。

以前，在网页中播放多媒体时，需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后，使用39000f942b2545a5315c57fa3276f220或b97864c2e0ef2353a16c4d64c7734e92标签播放视频和音频，不需要在安装其他的什么来播放了。

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)提供了底层的技术支持。

html5和4有什么区别

相关文章