HTML5新增属性：五种全局属性的介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5新增属性：五种全局属性的介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2407字，纯文字阅读大概需要4分钟。

内容图文

在HTML5中新增了一个HTML中没有的属性：全局属性。顾名思义，全局属性就是指任何元素都可以使用的属性，接下的文章内容我们就将介绍五种常用的全局属性。

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获得焦点，而这时候我们不想让该元素获得焦点这不是我们想要的结果。

把元素的tabindex值设定为负数后就可以解决这个问题了。tabindex为负值时，可以通过编程的方式让元素获得焦点，但按下Tab键该元素就不能获得焦点了，这在复杂的页面是非常有用的。HTML5中巧妙运用该属性发挥了很大的作用。

相关推荐：

HTML5新增属性

html5新增的属性和废除的属性简要概述_html5教程技巧

以上就是HTML5新增属性：五种全局属性的介绍的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的HTML5新增属性：五种全局属性的介绍全部内容，希望文章能够帮你解决HTML5新增属性：五种全局属性的介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---