美文网首页
HTML的全局属性

HTML的全局属性

作者: skoll | 来源:发表于2022-05-01 18:59 被阅读0次

简介

1 .全局属性是所有HTML属性都可以使用的属性,即使某些元素不起作用

基本的全局属性

1 .accesskey:提供了为当前元素生成键盘快捷键的提示。
2 .autocapitalize:输入的文本是否和如何控制大小写:感觉就是英文里面会需要

1 .off,none:所有字母默认为小写字母
2 .on,sentences:每个句子的第一个字母默认为大写字母,所有其他字母都是默认小写字母
3 .words:每个单词的第一个字母默认为大写字母,所有其他字母为小写字母
4 .characters:所有字母都应该默认为大写

//这个感觉是为了实现一些css无法实现的功能而加的

5 .class:这个应该都知道吧
6 .contenteditable:是否允许编辑
7 .data-*:支持的自定义属性,允许在html元素上嵌入自定义数据属性的能力,并且支持通过脚本进行数据交换。这样感觉一些数据就不需要通过闭包传递了
8 .dir:一个指示元素中文本方向的枚举属性

//确实有一些属性实现一些类似css的效果

9 .dir一个指示元素中文本方向的枚举属性

1 .ltr:从左到右,用于那种从左向右书写的语言,比如英语
2 .rtl:从右到左,用于从右向左书写的语言,比如阿拉伯语
3 .auto:指由用户代理决定方向,在解析元素字符的时候运用一个基本算法,直到发现一个具有强方向性的字符时,然后将这一方向应用于整个元素

10 .draggable:一个枚举属性,指示元素是否可以被拖动
11 .dropzone:枚举属性,指示可以使用drag,drop api在元素上删除那些类型的内容

1 .copy:表示drop将创建被拖动元素的副本。
2 .move:表示拖动元素将移动到此新位置
3 .link:将创建一个指向拖动数据的链接

12 .hidden:布尔属性表示该元素是否显示。用于隐藏在登录过程完成前无法使用的页面元素,生成一个表单提交的唯一的key。但是感觉完全没有啥用啊
13 .id:这个应该没有任何人不知道把
14 .inputedmode:向浏览器提供有关在编辑此元素或内容时要使用的虚拟键盘类型的提示。主要用于input元素,在contenteditable模式下可以用于任何元素.目前也没看出有啥用,如果真的需要银行app那种安全键盘,那应该需要自己写组件吧。
15 .itemid:项的唯一全局标识符。这个感觉怎么是给li标签的
16 .itemprop:用于向子项添加属性。每个HTML元素都可以指定一个itemprop,其中一个itemprop由一个名称和值对组成。唉,这个就有props的由来了
17 .itemref: 只有不具有itemscope属性的元素的后代,他的属性才可以与使用itemref项目相关联,提供了元素id列表以及文档中其他位置的其他属性。这下又发现了ref的由来
18 .itemtype,itemscope:

1 .itemtype:指定将用于数据中定义itemprops的词汇表的URL.itemscope用于设置数据结构中按itemtype设置的词汇表的生效范围
2 .itemscope:通常和itemtype一起使用,指定包含在关于特定项目代码块中的HTML。itemscope创建item并定义与之关联的itemtype的范围。

19 .lang:帮助定义元素的语言。
20 .slot:将shadow DOM阴影关联树中的一个沟槽分给给一个元素.
21 .style
22 .tabindex:整数类型,指示元素是否可以获取输入焦点,是否应该参与顺序键盘导航,如果是,则表示哪个位置

1 .负值,表示改元素是可以聚焦的,但是不能通过键盘导航到达
2 .0,表示元素应通过 顺序键盘导航可聚焦和可到达,其相对顺序由平台约定定义
3 .正值表示元素应该可以通过顺序键盘进行聚焦和访问,元素聚焦的顺序是tabindex的增加值。如果多个元素共享相同的tabindex,则他们的相对顺序遵循他们在文档中的相对位置

23 .title:包含表示与其所属元素相关信息的文本。这些消息通常可以作为提示呈现给用户,但不是必须的
23 .translate:枚举属性,用于指定在页面本地化时是否转换元素的属性值以及text节点子节点的值。

1 .yes:空字符串:表示元素将被翻译
2 .no:元素不会被翻译

xml:lang,xml:base

1 .从xhtml规范继承,为了兼容性保留
2 .

aria-*属性

1 .用于改善访问性

事件处理程序属性

1 .onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

相关文章

  • HTML基础知识

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

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

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

  • HTML 常用标签

    根元素 HTML 属性 元素包含 全局属性。 示例 ... ... 注意事项 ...

  • 常用HTML元素小结

    常用HTML元素及其属性: 根元素 1. HTML文档根元素 属性:lang(全局属性),设置整个ht...

  • 【HTML】全局属性:accesskey

    accesskey是html标签里的全局属性。 全局属性(global attribute)用来配置所有元素共有的...

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

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

  • HTML全局属性

    不知不觉中,在学习前端的路已经一年了,但对于HTML部分的总结确实是没有做到位,现在进行相关知识笔记的总结,也算是...

  • HTML全局属性

    最近看了一下html的属性,发现还是有很多新增的属性相对较陌生,下面根据W3Cschool整理一下。 HTML元素...

  • HTML 全局属性

    HTML5 新属性 accesskey [规定激活(使元素获得焦点)元素的快捷键] 例子 百度 注意 在不...

  • HTML全局属性

    1.accesskey:设置快捷键 2.class:为元素设置类标识 3.contenteditable:指定元素...

网友评论

      本文标题:HTML的全局属性

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