html局部属性和全局属性

每种元素都能规定自己的属性,这种属性称为:局部属性

属性还有另一种类型:全局属性。它们用来配置所有元素共有的行为。全局属性可以用在任何一个元素身上,不过这不一定会带来有意义或有用的行为改变。

下面将介绍所有全局属性。

1.accesskey属性

使用accesskey属性可以设定一个或几个用来选择页面上的元素的快捷键。其目的是让网页或网站的熟客,可以使用快捷键访问经常用到的元素。用来触发accesskey机制的按键组合因平台而异。在Windows系统上是同时按下Alt键和accesskey属性值对应的键。

2.class属性

class属性用来将元素归类。这样做通常是为了能够找出文档中的某一类元素或为某一类元素应用CSS样式。

3.contenteditable属性

contenteditable是HTML5中新增加的属性,其用途是让用户能都修改页面上的内容。该属性值设为true时用可以编辑元素内容,设置为false时则禁止编辑。如果未设定其值,那么元素会从父元素处继承该属性的值。

4.contextmenu属性

contextmenu属性用来为元素设定快捷菜单。这种菜单会在受到触发的时候(例如,Windows用户用鼠标右击时)弹出来。

5.dir属性

dir属性用来规定元素中文字的方向。其有效值有两个:ltr(用于从左到右的文字)和rtl(用于从右到左的文字)。
例如:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dir属性</title></head><body> <p dir="rtl">This is right-to-left</p> <p dir="ltr">This is left-to-right</p></body></html>
1
2
3
4
5
6
7
8
9
10
11

运行结果如下:


dir属性实例

6.draggable属性

draggable属性是HTML5支持拖放操作的方式之一,用来表示元素是否可被拖放。

7.dropzone属性

dropzone属性是HTML5支持拖放操作的方式之一,于上述的draggable属性搭配使用。

8.hidden属性

hidden是个布尔属性,表示相关元素当前毋需关注。浏览器对它的处理方式是隐藏相关元素。

9.id属性

id属性用来给元素分配一个唯一的标识符。这种标识符通常用来将样式应用到元素上或在JavaScript程序中来选择元素。
提示:
根据id属性还可以用来导航到文档中的特定位置。倘若有个名为example.html的文档中包含一个id属性值为myelement的元素,那么使用example.html#myelement这个URL即可直接导航至该元素。该URL末尾部分(#加上元素id值)称为URL片段标识符。

10.lang属性

lang属性用于说明元素内容使用的语言。

11.spellcheck属性

spellcheck属性用来表明浏览器是否应该对元素的内容进行拼写检查。这个属性只有用在用户可以编辑的元素上时才有意义。可以接受的值有两个:true
(启用检查拼写)和false(禁用拼写检查)。至于拼写检查的实现方式则因浏览器而异。
警告:目前大多数浏览器的拼写检查都会忽略前面介绍过的lang属性。它们的拼写检查基于用户所用的操作系统中的语言设置或浏览器的语言设置。

12.style属性

style属性用来直接在元素身上定义CSS样式(这是在style元素或外部样式表中定义样式之外的一种选择)

13.tabindex属性

HTML页面上的键盘焦点可以通过按Tab键在各元素之间切换。用tabindex属性可以改变默认的转移顺序。
tabindex值为1的元素,第一个被选中。用户按一下Tab键后,tabindex值为2的那个元素会被选中,依次类推。tabindex设置为-1的元素不会再用户按下Tab键后被选中。

14.title属性

title属性提供了元素的额外信息。浏览器通常用这些东西显示工具提示。
例如:
<a href="http://www.baidu.com" title="百度">www.baidu.com</a>
1

运行结果如下:
title属性实例
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 局部属性和全局属性 局部属性:有些元素能规定自己的属性,这种属性称为局部属性。比如link元素,它具有的局部属性有...
    其心阅读 3,471评论 1 5
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • accesskey accesskey 属性规定激活(使元素获得焦点)元素的快捷键。 百度 即按alt+z可以打开...
    masai12138阅读 4,233评论 0 0
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 5,857评论 1 11
  • 我问佛:如果遇到了可以爱的人,却又怕不能把握该怎么办? 佛曰:留人间多少爱,迎浮世千重变,和有情人,做快乐事,别问...
    石川河女神阅读 3,073评论 0 1