HTML前世今生

HTML贯穿了整个互联网的发展史，就目前来看，它还会继续下去，因为HTTP和HTTPS协议在互联网中传输的主要内容，也是用户浏览的最终页面管理内容，接下来就来扒一扒HTML的前世今生。

历史舞台已交给HTML5，相信很多人概念里也只剩H5了，HTML已经被升级改进多次，相信以后还会不断革新。（就像，从哲学的观点看，三年后的你，已经完全换了个人，因为整个身体从细胞到细菌都不是原来的那个了。）

HTML诞生

1980年，物理学家蒂姆·伯纳斯-李在欧洲核子研究中心（CERN）在承包工程期间，为使CERN的研究人员使用并共享文档，他提出并创建原型系统ENQUIRE。1989年，伯纳斯-李在一份备忘录中提出一个基于互联网的超文本系统。他规定HTML并在1990年底写出浏览器和服务器软件。同年，伯纳斯-李与CERN的数据系统工程师罗伯特·卡里奥联合为项目申请资助，但未被CERN正式批准。在他的个人笔记中伯纳斯-李列举“一些使用超文本的领域”，并把百科全书列为首位。

1989年，Tim berners-lee 在一份备忘录中提出了一个基于互联网的超文本系统。并在1990年以超文本语言HTM为基础在NeXT电脑上发明了最原始的浏览器和服务器软件，世界上第一个Web服务器与Web客户端诞生了，并将这项发明取名为world wide web，也就是我们现在所说的WWW万维网。接下来就是，HTML从此此走上正轨。Tim berners-lee被称为WEB世界的奠基人，也不为过。

HTML成长

1993年中期互联网工程任务组（IETF）发布首个HTML规范，之后 HTML 2（1995年）-->HTML 3(1997年1月)-->HTML 4(1997年1月12月)-->HTML 5（2014年10月）。之间有非常多的小版本迭代。为了有统一的规范，万维网联盟（World Wide Web Consortium），也就是我们常说的W3C，因为标签用法混乱等原因，做定制规范，2008年发布了HTML5，2014年10月，W3C组织宣布HTML5标准规范定稿。

HTML发展

HTML经过93年以因特网草案形式发布，一直发展到4.0版本（99年），最后万维网掌握了HTML规范控制权。

在4个版本经过快速发展后，业界普遍认为HTML已经穷头陌路，对web标准转移到了html和xhtml上，html则被放到了次要位置。

存在即合理，html的强大市场占有率体现了其强大的优势，主要网站依旧是基于html的，为支持新的web标准，并克服自身的缺陷，html迫切需要新功能新规范。

于是一拨人在04年成立了whatwg（超文本应用技术组）组织，并创立了HTML5规范，并开发了很多新功能，web2.0也是由此时提出静态网站逐步向多特性的动态网站发展。

06年w3c看见了html5的甜头，又插了进来，准备分一杯羹，于是08年发布了html5草案，09年xhtml2工作组停工。

10年由于html5解决了非常实际的问题，各大浏览器厂商为了市场布局，纷纷开始支持html5新功能，于是html5正式进入历史舞台。

HTML今生

HTML5建立起了它自己的一套开放、多媒体富互联网应用程序。拥有技术管辖权、万维网联盟的首席执行官JeffJaffe称："HTML5很快被人们所接受，成为了今天在浏览器和网站上频繁使用的HTML版本。"

HTML5特点：

1）网络标准统一、HTML5本身是由W3C推荐出来的。

2）多设备、跨平台

3）即时更新。

4）提高可用性和改进用户的友好体验；

5）有几个新的标签，这将有助于开发人员定义重要的内容；

6）可以给站点带来更多的多媒体元素(视频和音频)；

7）可以很好的替代Flash和Silverlight；

8）涉及到网站的抓取和索引的时候，对于SEO很友好；

9）被大量应用于移动应用程序和游戏。

HTML5缺点：

1）安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket这样的功能很容易被黑客利用，来盗取用户的信息和资料。

2）完善性：许多特性各浏览器的支持程度也不一样。

3）技术门槛：HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习，像web worker、web socket、web storage 等新特性，后台甚至浏览器原理的知识，机遇的同时也是巨大的挑战

4）性能：某些平台上的引擎问题导致HTML5性能低下。

5）浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。

HTML5 新增的表单属性

placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。

required  属性，是一个 boolean 属性。要求填写的输入域不能为空

pattern 属性，描述了一个正则表达式用于验证<input> 元素的值。

min 和 max 属性，设置元素最小值与最大值。

step 属性，为输入域规定合法的数字间隔。

height 和 width 属性，用于 image 类型的 <input> 标签的图像高度和宽度。

autofocus 属性，是一个 boolean 属性。规定在页面加载时，域自动地获得焦点。

multiple 属性 ，是一个 boolean 属性。规定<input> 元素中可选择多个值。