3.6 全局属性

全局属性：对于任何一个元素都是可以使用的属性。在HTML5中新增了一些全局属性，这些属性可以表达非常丰富的语义，也会额外提供很多实用的功能。表3-10列出了HTML5新增的部分属性。

表3-10 HTML5中添加的属性

3.6.1 hidden属性

hidden属性是布尔属性。hidden属性是HTML5中的新属性，如果设置该属性，则它规定元素仍未或不再相关。浏览器不应显示已规定hidden属性的元素。

hidden属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript可以删除hidden属性，以使此元素可见。hidden属性必须定义为＜element hidden="hidden"＞。

示例代码如下：

3.6.2 spellcheck属性

spellcheck属性规定是否对元素进行拼写和语法检查，对拼写错误的单词会在其下方出现红线。用了spellcheck属性，浏览器会帮助检查html元素文本内容拼写是否正确，只有当html元素在可编辑状态，sepllcheck属性才有意义，所以一般是针对input[text]，textarea元素用户输入内容进行拼写和语法检查，拼写错误有红色的波浪下划线，右键会给提示。其语法格式如下：

＜element spellcheck="true|false"＞

spellcheck属性值见表3-11。

表3-11 spellcheck属性值

3.6.3 contenteditable属性

contenteditable属性规定是否允许用户编辑内容，通常使用输入文本内容的标签是input和textarea，使用contentEditable属性后，可以在div、table、p、span、body等很多元素中输入内容，单击时会出现一个编辑框。配合JavaScript对网页内容局部修改。当一个元素的contenteditable状态为true（contenteditable属性为空字符串，或为true，或为inherit且其父元素状态为true）时，意味着该元素是可编辑的。否则，该元素不可编辑。

其语法格式如下：

＜element contenteditable="true|false"＞

ontenteditable属性值见表3-12。

表3-12 contenteditable属性值

3.6.4 contextmenu属性

contextmenu属性规定元素的上下文菜单。当用户右键单击元素时，会出现上下文菜单。其语法格式如下：

＜element contextmenu="menu_id"＞

【例3-11】contextmenu属性实例，代码如下：