rishonyou的博客

前言：HTML的上一个版本即HTML4.01的发布已经是上个世纪的事儿了，这明显落后于互联网的发展速度。其实早在2008年第一个HTML5的草案就诞生了，而且也相继得到了各大主流浏览器的支持，如IE、Chrome、FireFox、Safari等，然而直到2014年10月29日，w3c才泪流满面地宣布，HTML5标准规范制定完成，并公开发布。为何用了8年的事件才敲定规范，各种原因我也就不赘述了。

HTML5中新增的input类型及其属性HTML4.01中，input的类型只有text、button、password、submit、radio、checkbox和hidden（隐藏域）。H5中新增了一些类型，使用起来更加方便，包括：color 点击时弹出颜色选择器，可以选择任意颜色number 输入范围内的数字，可以手动输入超出范围的数字，但不能提交tel 输入电话号码，只有

HTML5中针对表单新增的验证属性如required、pattern以及一些特定input类型，当验证不通过时，都有默认的提示语句，但实践中发现并不怎么友好，因此，需要自定义提示语句，使用setCustomValidity()。在此之前，需要介绍一下表单的validityState对象。HTML5表单新增的属性中有一个validity属性，通过该属性可以获得一个validityState的对象，而

canvas是HTML5新增的一个标签，用于在页面上绘制图形和文字。canvas本身很简单，使用时只需要在目标区域添加<canvas></canvas> 即可。canvas之所以强大是因为它提供了一系列的API，配合JavaScript使用，可以绘制出很多非常绚丽的效果，包括游戏！同样是绘制图形，还有一个标签是SVG，功能上和canvas基本类似，但canvas与SVG也有不同，的主要区别有以下几