局部属性(local attribute ):每一个局部属性都可以用来控制元素独有行为的某个方面。
全局属性(global attribute ):它们用来配置所有元素共有的行为。全局属性可以用在任何一个元素身上,不过这不一定会带来有意义或有用的行为改变。
1、accesskey属性
使用accesskey
属性可以设定一个或几个用来选择页面上的元素的快捷键。
<form>
Name:<input type="text" name="name" accesskey="n"/>
<p/>
Password:<input type="text" name="name" accesskey="n"/>
<p/>
<input type="submit" value="Log In" accesskey="s">
</form>
用来触发accesskey机制的按键组合因平台而异,在Windows系统上是同时按下Alt键和accesskey属性对应的键。
2、class属性
class属性用来将元素归类。这样做通常是为了能够找出文档中的某一类元素或为某一类元素应用CSS样式。
<a class="class1 class2" href="http://apress.com">Apress web site</a>
一个元素可以被归人多个类别,为此在class属性值中提供多个用空格分隔的类名即可。类名可以随便取,不过最好取点具有实际含义的,文档中拥有许多元素类别时尤其如此。class属性本身没有任何作为。
class属性的一种利用方式是设计CSS样式时以所定义的一个或多个类作为应用目标。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style type="text/css">
.class1 {
color:white;
}
</style>
</head>
<body>
<a class="class1 class2" href="http://apress.com">Apress web site</a>
</body>
</html>
3、contenteditable属性
contenteditable是HTML5中新增加的属性,其用途是让用户能够修改页面上的内容。
<p contenteditable="true"> It is raining right now</p>
如果没有设置这个值,那么元素会从父元素处继承该属性的值
4、contextmenu属性
contextmenu属性用来为元素设定快捷菜单。这种菜单会在受到触发的时候(例如,Windows用户用鼠标右击时)弹出来。目前的主流浏览器都不支持 contextmenu 属性。
5、dir属性
dir属性用来规定元素中文字的方向。其有效值有两个:ltr(用于从左到右的文字)和rtl(用于从右到左的文字)。
<p dir="rtl">This is right-to-left</p>
<p dir="ltr">This is left-to-right</p>
6、draggable属性
draggable属性是HTML5支持拖放操作的方式之一,用来表示元素是否可被拖放。
7、dropzone属性
dropzone属性是HTML5支持拖放操作的方式之一,与上述draggable属性搭配使用。
8、hidden属性
hidden是个布尔属性,表示相关元素当前毋需关注。浏览器对它的处理方式是隐藏相关元素。
9、id属性
id属性用来给元素分配一个唯一的标识符。这种标识符通常用来将样式应用到元素上或在JavaScript程序中用来选择元素。
10、lang属性
lang属性用于说明元素内容使用的语言。
11、spellcheck属性
spellcheck
属性用来表明浏览器是否应该对元素的内容进行拼写检查。这个属性只有用在用户可以编辑的元素上时才有意义。
<textarea spellcheck="true">This is some mispelled text</textarea>
12、style属性
style属性用来直接在元素身上定义CSS样式(这是在style元素或外部样式表中定义样式之外的一种选择)。
<a style="background:grey; color:white; padding:10px"></a>
13、tabindex属性
HTML页面上的键盘焦点可以通过按Tab键在各元素之间切换。用tabindex属性可以改变默认的转移顺序。
<input tabindex="1"/>
<input tabindex="-1"/>
<input tabindex="2"/>
tabindex值为1的元素会第一个被选中。用户按一下Tab键后,tabindex值为2的那个元素会被选中,依次类推。tabindex设置为-1的元素不会在用户按下Tab键后被选中。上面示例中的tabindex设置的效果是:在按Tab键的过程中,键盘焦点从第一个input元素转到第三个。
14、title属性
title属性提供了元素的额外信息。浏览器通常用这些东西显示工具提示。
<a title="text title">text</a>
鼠标放在text文本上,会显示信息提示框,里面的内容为“text title”