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

时间：2018-07-29 08:34:56 来源：作者：网络

请注意：本文为编辑制作专题转载的资讯，页面显示的时间仅为生成静态页面时间而非具体内容事件发生的时间，由此给您带来的不便敬请谅解！

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属性

tabindex在程序开发概念，是指不断敲击Tab键让窗口或页面中控件获得焦点，对窗口的控件进行遍历，每个控件的tabindex表示第几个被访问的。之前这个属性在编辑网页很有用，现在是根据元素所在位置决定遍历顺序，所以就不需要了。不过tabindex拎一个作用，只有链接元素与表单元素可以通过按键获得焦点。如果对元素使用了tabindex属性后，也能让元素获得焦点，执行focus（）语句时，可以让元素获得焦点了。但是这样会出现一个问题，元素会通过tab获得焦点，而这时候我们不想让该元素获得焦点这不是我们想要的结果。