干货：详解HTML5中常见的五大全局属性

HTML5中新增了“全部属性”的概念。所谓全局属性它是指可以对任何元素都可以使用的属性，今天为大家详细介绍三种常见的全局属性。

contentEditable属性

contentEditable是由微软开发。被其他浏览器反编译并投入应用的一个全局属性。它的主要功能是是否允许用户编辑元素的内容，被编辑元素必须是获得鼠标焦点的元素，而且在点击后要提供一个插入符号，提示用户该元素中内容允许编辑。contentEditable属性是一个布尔值属性，可以指定为ture或false。该属性还有一个隐藏属性的inherit状态，为true是允许用户编辑；为false时元素不能被用户编辑；没有指定时则由inherit状态决定，如果父元素是可编辑的，该元素也是可编辑的。支持contentEditable属性元素有A、DD、DIR、DIV、BUTTON、FORM、DL、DT、FONT、DFN、hn、CODE、ABBR等。

designMode属性

designMode属性主要功能是指定整个页面是否可编辑，页面可编辑时，页面中任何支持contentEditable属性的元素都变成了可编辑状态。designMode属性有两个值“on”和"off"。属性为“on”时，页面可编辑；属性为“off”时，页面不可编辑。不过各个浏览器支持情况也不一样，IE8不支持designMode属性，IE9支持designMode属性，fixfox和Opera浏览器支持designMode属性、Chrom和Safari浏览器在内嵌frame支持designMode属性。

hidden属性

在HTML5中所有的元素允许使用hidden属性。它类似input元素中的hidden属性，使元素处于不可见状态。hidden属性设置为ture，元素处于不可见状态；hidden属性设置为false时元素处于可见状态。

spellcheck属性

spellcheck属性主要是针对input元素和textarea这两个文本输入框提供的新属性，它的功能是对输入内容进行拼写和语法检查。它有个特殊的地方，就是必须声明属性值true或者false。如果元素是readonly属性或者disabled属性为true，不执行拼写检查。Firfox、IE、Chrome、Safari等浏览器都支持该属性。

tabindex属性