美文网首页
html局部属性和全局属性

html局部属性和全局属性

作者: 酱油啊_ | 来源:发表于2016-11-05 22:16 被阅读0次

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

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

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

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属性实例

相关文章

  • html局部属性和全局属性

    每种元素都能规定自己的属性,这种属性称为:局部属性。 属性还有另一种类型:全局属性。它们用来配置所有元素共有的行为...

  • HTML5全局属性汇总

    局部属性和全局属性 局部属性:有些元素能规定自己的属性,这种属性称为局部属性。 比如 link 元素,它具有的局部...

  • HTML5全局属性汇总

    局部属性和全局属性 局部属性:有些元素能规定自己的属性,这种属性称为局部属性。比如link元素,它具有的局部属性有...

  • HTML基础知识

    HTML基础知识 HTML的历史:HTML,XHTML HTML的全局属性:全局标准属性,全局事件属性 HTML的...

  • HTML5全局属性

    元素属性有局部属性和全局属性,你知道这些全局属性吗(id,class,title,style就不说了^ _ ^)?...

  • 前端基础总结:HTML基础知识

    HTML基础知识 1、HTML的历史:HTML,XHTML 2、HTML的全局属性:全局标准属性,全局事件属性 3...

  • vue中的组件

    组件可以扩展HTML元素,封装可重用的代码,组件分为全局和局部 全局: 局部: 组件之间的传值 父传子 用属性传...

  • swift - 属性

    /*• 存储属性• 计算属性• 属性观察器• 全局变量和局部变量• 类型属性*/

  • html中有哪些属性,各自的特点是什么

    在html中,属性分为公有(全局)属性和私有属性 公有(全局)属性指所有元素都可以拥有的属性包括:id、class...

  • vue -------组件

    全局注册 创建实例 html 局部注册 实例化 组件的传参 通过属性传递 接收属性通过 动态props通过v-bi...

网友评论

      本文标题:html局部属性和全局属性

      本文链接:https://www.haomeiwen.com/subject/ejuguttx.html