全局属性:可以对任何元素都使用的属性。
1、contentEditable属性:是一个布尔类型的属性,提示该元素的内容是否允许编辑
2、designMode属性:指定整个页面是否可编辑,该属性有两个值on(可编辑)与off(不可编辑)
3、hidden属性:该属性是一个布尔值的属性,true(元素处于不可见状态)和false(可见状态)
4、spellcheck属性:该属性是布尔型,告诉浏览器检查元素的拼写和语法,true和false
5、tabindex属性:指用户使用键盘导航一个页面,控制页面上的元素获得焦点的顺序
<!DOCTYPE html>
<html>
<head>
<title>全局属性</title>
<meta charset="utf-8">
</head>
<body>
<h3>可编辑列表</h3>
<ul contentEditable="true">
<li>第一个列表</li>
<li>第二个列表</li>
<li>第三个列表</li>
</ul>
<ul contentEditable="false">
<li>第一个列表</li>
<li>第二个列表</li>
<li>第三个列表</li>
</ul>
<h3>可编辑列表</h3>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>designMode属性</title>
<meta charset="utf-8">
</head>
<body οndblclick="document.designMode='on';">
<div width="300px" height="300px" bgcolor="#eee">
<p>北国风光</p>
<p>千里冰封</p>
<p>万里雪飘</p>
<p>望长城内外</p>
<p>惟余莽莽</p>
</div>
</body>
</html>