11 HTML5新增的属性和废除的属性
在HTML5中,在增加和废除了很多元素的同时, 也增加和废除了很多属性。像我们前面介绍过的与表单相关的属性就有很多,例如,autofocus、placeholder、form、required、autocomplete、min、max、step、multiple、pattern、formaction、formmethod、novalidate属性等与特定的表单元素结合使用。在HTML5也为链接元素增加了几个比较有用的属性,像base元素增加了target属性, 主要目的是保持与a元素的一致性。
其它为一些特定元素增加的常用属性如下所示:
为ol元素增加了reversed属性,指定列表倒序显示。
为menu元素增加了两个新的属性, 一个是label属性为菜单定义一个可见的标注,另一个type属性让菜单可以以上下文菜单、工具条与列表菜单三种形式出现。
为style元素增加了scoped属性,用来规定样式的作用范围, 可以只对页面上某个树起作用。
为script元素增加async属性, 可以让脚本异步执行。
为iframe元素增加三个属性sandbox、seamless和srcdoc,用来提高页面安全性,防止不信任的web页面执行某些操作。
还有,在HTML5中,新增了一些“全局属性”, 即可以对任何元素都使用的属性,几种常用的全局属性如下所示:
contentEditable:是否允许用户编辑元素中的内容。contentEditable有两个值(true和false)。
designMode:用来指定整个页面是否可编辑,有两个值(on和off)。该属性只可以通过JavaScript来修改值。如果design设置为on的话,所以允许设置contentEditable的元素都可以编辑。
hidden:在HTML5中所有的元素都可以使用hidden属性,表示元素的不可见状态,有两个值(true和false)。
spellcheck:针对input元素(text,textarea)用户输入的内容进行拼写和语法检查,有两个值(true和false),必须先声明属性值是true或者false。