html5和html4的区别有什么(html4,html5,web开发)

时间:2024-05-04 09:36:13 作者 : 石家庄SEO 分类 : web开发
  • TAG :

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

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

HTML5和HTML4究竟有哪些区别?

1、语法简化

html5的推出对语法进行了简化,例如头部的doctype,我们只要写<!doctype html>就可以了。

而html4需要写成:

html5和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地址--><inputtype=email><!--要求输入格式正确的URL地址--><inputtype=url><!--要求输入格式数字,默认会有上下两个按钮--><inputtype=number><!--时间系列,但目前只有Opera和Chrome支持--><inputtype=date><inputtype=time><inputtype=datetime><inputtype=datetime-local><inputtype=month><inputtype=week><!--默认占位文字--><inputtype=textplaceholder="yourmessage"><!--默认聚焦属性--><inputtype=textautofacus="true">其他标签新增了一些属性,<!--meta标签增加charset属性--><metacharset="utf-8"><!--script标签增加async属性--><scriptasync></script>使部分属性名默认具有boolean属性<!--只写属性名默认为true--><inputtype="checkbox"checked/><!--属性名="属性名"也为true--><inputtype="checkbox"checked="checked"/>

5、存储方面

新增WebStorage, 包括localStorage和sessionStorage

引入了IndexedDB和Web SQL,允许在浏览器端创建数据库表并存储数据, 两者的区别在于IndexedDB更像是一个NoSQL数据库,而WebSQL更像是关系型数据库。W3C已经不再支持WebSQL。

引入了应用程序缓存器(application cache),可对web进行缓存,在没有网络的情况下使用,通过创建cache manifest文件,创建应用缓存,为PWA(Progressive Web App)提供了底层的技术支持。

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:html5和html4的区别有什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Java LPAREN怎么用下一篇:

11 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18