美文网首页
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局部属性和全局属性

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