全局属性是任何元素都可以设置的属性,即便有一些元素使用了该属性不会引起什么变化。
元素特有的属性叫做局部属性,该属性是元素特有的。
accesskey
该属性设置键盘焦点快捷键,使用方式是 Alt + 属性值 。以下的例子使用 input 元素,设置键盘焦点快捷键 Alt + a 定位到姓名输入框,使用 Alt + p 定位到密码输入框。
<!DOCTYPE html>
<html>
<head>
<title>小白学HTML</title>
</head>
<body>
<div>
账号:<input type="text" accesskey="a"/>
</div>
<div>
密码:<input type="password" accesskey="p"/>
</div>
</body>
</html>
使用时注意:如果和其他软件的快捷键冲突,可能会无效。
class
该属性设置元素类型名,可以设置多个,用空格分开。结合CSS使用,可以设置元素的外观样式。例如:
<div class="style1">
账号:<input type="text" accesskey="a"/>
</div>
<div class="style1 style2 style3">
密码:<input type="password" accesskey="p"/>
</div>
第一个div元素使用 style1 类型样式。第二个div元素同时使用 style1、 style2、 style3 类型样式。
contenteditable
设置元素是否可编辑,当属性值设置为 true 时,焦点到元素上时,可修改文本内容。
<p contenteditable='true'>这是一段可编辑的文字</p>
属性值使用的是单引号,以前的示例都是使用的双引号,在HTML中两种形式都可以。
对于值是 true 或 false 的属性来说,将值设置成 true 还有一种简写形式,就是只有属性名,那么属性值就会被浏览器解析成 true。以下示例具有同样的效果:
<p contenteditable>这是一段可编辑的文字</p>
属性值设置的如果不是 true 和 false ,而是其他不合法的值,有些浏览器会解析成 false 来对待,不允许编辑。
contextmenu
右键菜单属性,目前没有浏览器支持。大概率会和浏览器本身的右键菜单冲突吧。
dir
设置文字方向,有效值有 ltr 和 rtl,分别表示从左到右和从右到左。
dragable 和 dragzone
两个是HTML5中所支持的拖拽属性。
hidden
隐藏元素属性,bool值。使用此属性的元素,一般来说不会在html文档中显示。另一个隐藏方式是在 style 属性中设置 display:none,在html文档中可以看到此元素,但是不会显示在浏览器中。
id
元素的唯一标识符。也常常用来和css结合使用,选择指定的外观样式。
id还可以用来定位文档中的位置(#号加id)。
lang
设置元素语言,例如 lang="en" 。
spellcheck
元素是否进行拼写检查,只有在可编辑的元素上才有意义。bool值。
style
直接在元素上设置CSS样式。
tabindex
设置 tab 键的选择顺序,整数值。
title
提供鼠标悬浮提示值。