阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      HTML5 受欢迎的理由

      前言

      安邦在写这个教程的时候,是已经2020年了,HTML5已经几乎是被默认为HTML的了 现代的浏览器都支持 HTML5。说明HTML5规范非常正确,市场反响非常好;

      我会总结下HTML被市场认可的因素;大家以后如果接触一些新的框架,可以根据这些因素来判断某个新框架能不能火,从而决定是否要学习,如果自己以后要出新框架,参考这些因素可以让你发明的框架更加被认可。

      第一:浏览器厂商的支持

      现在主流的浏览器基本都是 Chromium ,Chrome系的,都已经完全支持HTML5了;

      在最开始的时候,可并不是这样,当时主流的是IE,Chrome,Firefox,Safari,Opera。

      W3C提出HTML5之后,下面是浏览器厂商的一些反应;

      • IE:2010年3月16日,宣布推出IE9开发者预览版,支持HTML5,SVG,CSS3
        • 其实在IE8的时候就已经开始支持HTML5了
      • Google:2010年2月19日,宣布暂停自家的Gears浏览器插件的支持,重点开发适用HTML5的浏览器
      • Firefox:2010年7月,开始支持HTML5规范
      • Safari:2010年6月7日,发布Sfari5,开始正式支持HTML5规范。
      • Opera:2010年5月5日选择开始研发HTML5相关的适配

      以上这些表明,浏览器厂商对HTML5的支持,对HTML5的渴望和推动有非常大的热情。正是因为HTML5填补了市场上的痛点和空白,所以浏览器厂商才会如此热情。

      这里面最能打的,当时是IE,IE是当时的绝对一哥;当时IE到处布道,宣城遵从互联网通用标准是一件非常重要的事情,并且以行动支持,在IE8里面就支持了HTML5;例如代替Cookie得sessionStorage。当时份额最大的IE都这么支持了,别的浏览器想要发展也要开始支持了。微软在这方面的贡献真的非常大。

      第二:时代的需要

      我们把时间退回到200X年,当时各个浏览器之间不统一,光是修改WEB浏览器的兼容问题就需要消耗大量的时间,开发者迫切想要一个统一的互联网通用标准。

      你想象一下,你开发的一个网页,在浏览器A上正常运行,在浏览器B上一团糟,就是规范不统一导致的。

      HTML5之前几乎没有符合规范标准的WEB浏览器!HTML的语法是在SGML语言基础上建立的,(SGML全称Standard Generalized Markup language);

      开发能解析SGML语法的程序很不容易,很多浏览器都不包含SGML的分析器,所以导致渲染出来的页面看起来不一样。

      HTML5目标就是将WEB开发带出一个成熟的阶段,在这个规范里,视频,音频,图形,动画,以及点奥的交互都被标准化。

      注:现在我们写CSS,经常会写reset相关的信息,就有点类似的意思,因为各个元素在浏览器中的默认表现不一致,所以需要统一成一个初始值,然后再进行操作。

      同时对浏览器的安利也不错,形成一个思想,要想扩大WEB浏览器的市场份额,遵从规范是最有效的宣传方法。

      第三:保障了兼容性

      开发者最担心的就是新技术退出后,开始不成熟,老版本也一直在线上跑着,新东西出来,能不能在老版本的浏览器上运行?会不会报错?等问题非常直接导致他的推广。

      HTML5在老版本浏览器上也可以正常的使用,虽然到了HTML5的时代,但是不代表HTML4创建出来的网站全部要重建,只需要以后正常运行HTML5开发出来的功能。也就是因为保证了兼容性,才可以让大家毫不犹豫的使用HTML5。

      一个不考虑兼容性的技术,是很容易被抛弃的,强大如Google,它搞出来的Angular和Angular.js就是属于2个完全无关的框架,导致很多早期Angular.js开发者都抛弃了他,在国内至今还处理打酱油的,没有什么热度;虽然TypeScript已经被大家接收,但是国内使用Angular的还是不多。

      第四:实用性

      在之前HTML版本中,文档的结构不清晰,一般都是div元素加id或者class来表示;阅读时候不仔细很难看出文档结构的。对于搜索引擎和阅读器来说也很难去分辨。HTML增加了语义化标签,解决了这个问题。

      以前HTML的交互很少,比如上传文件想同时选择一个以上的文件是做不到的,在HTML5里增加很多表单元素和类型,都是非常使用的东西。

      目录
      目录