浅谈:HTML5和HTML的区别

最近看群里聊天聊得最火热的莫过于手机网站和HTML5这两个词。可能有人会问,这两者有什么关系呢?随着这移动互联网快速发展的时代,尤其是4G时代已经来临的时刻,加上微软对“XP系统”不提供更新补丁、维护的情况下。“HTML5+css3”也逐渐的成为新一代web前端技术,手机网站也渐渐的成为一种趋势。

什么是HTML5呢?

HTML5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xHTML2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。

hmtl5于HTML的区别

我们现在web前端开发的静态网页,一般都是HTML4.0。同时是符合W3C的xHTML1.0规范来的。那么他们两者又有什么实质性的区别呢?

1.在文档类型声明上

HTML:

HTML5:

由这两者对比可见:在文档声明上,HTML有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而HTML5却是不同,只有简简单单的声明,这也方便人们的记忆。

2.在结构语义上

HTML:没有体现结构语义化的标签,我们通常都是这样来命名的

.这样表示网站的头部。

HTML5:在语义上却有很大的优势。提供了一些新的标签,比如:

提供这样的标签有什么样的好处呢?我觉得最主要还是在SEO的优化上,不管是我们自己来对网页模块命名,还是有这样的标签。因为做网站最终的目的只有一个,那就是盈利。想盈利的话,就只有通过SEO优化的技术,把你网站排名做上来,这样你的网站才有价值,且正是这一点,HTML5符合了这一点。为什么这么说呢?因为他定义的这些标签,更加有利于优化,蜘蛛能识别你。

总结:虽然在前几年HTML5已经出来了,但是那时候因为不够成熟,时机不对,才没被兴起。在这互联网高速发展的时候,也是来临4G的时代。我们还不学习hml5+css3我们就out了!

HTML5作为下一代的标准语言,有很大的意义,很简单广泛的应用。扩展性上:增加一系列的API支持(Canvas、本地存储、文件操作、重力感应等),非常的强大,以后有什么新的标准支持可以不断更新;商业角度:帮助企业降低开发成本、缩短开发周期、可以跨设备等;战略上:不知道大家有没有注意到,HTML5和云的概念是对应有关联的性的,以后会实现一种场景——用户只需要打开设备,然后浏览器(HTML5)就可以查看应用(载体是云),并且实现的用户体验超级棒,很酷炫,可能慢慢会替代本地应用。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180201A08VI900?refer=cp_1026

扫码关注云+社区