HTML全局属性(global attribute)有哪些(包含H5)
1.accesskey:
提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个。2.autocapitalize:
控制用户的文本输入是否和如何自动大写,它可以有以下的值:-
off
ornone
,没有应用自动大写(所有字母都默认为小写字母)。on
orsentences
,每个句子的第一个字母默认为大写字母;所有其他字母都默认为小写字母。words
,每个单词的第一个字母默认为大写字母;所有其他字母都默认为小写字母。characters
,所有的字母都应该默认为大写。
3.class:
一个以空格分隔的元素的类名(classes )列表,它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法(document.getElementsByClassName
)来选择和访问特定的元素。4.contenteditable:
一个枚举属性(enumerated attribute),表示元素是否可被用户编辑。 如果可以,浏览器会调整元素的部件(widget)以允许编辑。-
true
或者空字符串,表明元素是可被编辑的;false
,表明元素不能被编辑。
5.data-*:
一类自定义数据属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。所有这些自定义数据属性都可以通过所属元素的HTMLElement
接口来访问。HTMLElement.dataset
属性可以访问它们。6.dir:
一个指示元素中文本方向的枚举属性。它的取值如下:-
- ltr, 指从左到右,用于那种从左向右书写的语言(比如英语);
- rtl, 指从右到左,用于那种从右向左书写的语言(比如阿拉伯语);
- auto, 指由用户代理决定方向。它在解析元素中字符时会运用一个基本算法,直到发现一个具有强方向性的字符,然后将这一方向应用于整个元素。
7.draggable:
一种枚举属性,指示是否可以 使用 Drag and Drop API 拖动元素。它可以有以下的值:-
true
, 这表明元素可能被拖动false
, 这表明元素可能不会被拖动
8.dropzone
:枚举属性,指示可以使用 Drag and Drop API 在元素上删除哪些类型的内容。 它可以具有以下值:-
- copy,表示drop将创建被拖动元素的副本
- move,表示拖动的元素将移动到此新位置。
link
,将创建一个指向拖动数据的链接。
9.hidden:
布尔属性表示该元素尚未或不再相关。例如,它可用于隐藏在登录过程完成之前无法使用的页面元素。浏览器不会呈现此类元素。不得使用此属性隐藏可合法显示的内容id:
定义唯一标识符(ID),该标识符在整个文档中必须是唯一的。 其目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素。10.inputmode:
向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于<input>
元素,但在contenteditable
模式下可用于任何元素。11.is:
允许您指定标准HTML元素应该像已注册的自定义内置元素一样。12.itemid:
项的唯一全局标识符。13.itemprop:
用于向项添加属性。 每个HTML元素都可以指定一个itemprop属性,其中一个itemprop由一个名称和值对组成。14.itemref:
只有不是具有itemscope
属性的元素的后代,它的属性才可以与使用itemref
项目相关联。它提供了元素ID列表(而不是itemids
)以及文档中其他位置的其他属性。15.itemscope:
itemscope
(通常)与itemtype
一起使用,以指定包含在关于特定项目代码块中的HTML。itemscope
创建Item并定义与之关联的itemtype
的范围。itemtype
是描述项及其属性上下文的词汇表(例如schema.org)的有效URL。16.itemtype:
指定将用于在数据结构中定义itemprops
(项属性)的词汇表的URL。itemscope
用于设置数据结构中按itemtype
设置的词汇表的生效范围。17.lang:
帮助定义元素的语言:不可编辑元素所在的语言,或者应该由用户编写的可编辑元素的语言。该属性包含一个“语言标记”(由用连字符分隔的“语言子标记”组成),格式在 Tags for Identifying Languages (BCP47) 中定义。xml:lang 优先于它。18.part
:元素的部件名称的空格分隔列表。Part名称允许CSS通过::part()
伪元素选择和设置阴影关联树中的特定元素。19.slot:
将shadow DOM阴影关联树中的一个沟槽分配给一个元素:具有slot
属性的元素被分配给由<slot>
元素创建的沟槽,其name
属性的值与slot
属性的值匹配。20.spellcheck
:枚举属性定义是否可以检查元素是否存在拼写错误。它可能具有以下值:
-
true
,表示如果可能,应检查元素是否存在拼写错误;false
, 表示不应检查元素的拼写错误。
21.style:
含要应用于元素的CSS样式声明。 请注意,建议在单独的文件中定义样式。 该属性和<style>
元素主要用于快速样式化,例如用于测试目的。22.tabindex:
整数属性,指示元素是否可以获取输入焦点(可聚焦),是否应该参与顺序键盘导航,如果是,则表示哪个位置。它可能需要几个值:-
- 负值表示该元素应该是可聚焦的,但不应通过顺序键盘导航到达;
0
表示元素应通过顺序键盘导航可聚焦和可到达,但其相对顺序由平台约定定义;- 正值意味着元素应该可以通过顺序键盘导航进行聚焦和访问;元素聚焦的顺序是tabindex的增加值。如果多个元素共享相同的
tabindex
,则它们的相对顺序遵循它们在文档中的相对位置。
23.title:
包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户,但不是必须的。24.translate
:枚举属性,用于指定在页面本地化时是否转换元素的属性值及其Text
节点子节点的值,或者是否保持它们不变。它可以具有以下值:-
- 空字符串和
"yes"
,表示元素将被翻译。
"no"
, 表示该元素不会被翻译。
- 空字符串和
HTML全局属性(global attribute)有哪些(包含H5)的更多相关文章
- 中小研发团队架构实践之生产环境诊断工具WinDbg 三分钟学会.NET微服务之Polly 使用.Net Core+IView+Vue集成上传图片功能 Fiddler原理~知多少? ABP框架(asp.net core 2.X+Vue)模板项目学习之路(一) C#程序中设置全局代理(Global Proxy) WCF 4.0 使用说明 如何在IIS上发布,并能正常访问
中小研发团队架构实践之生产环境诊断工具WinDbg 生产环境偶尔会出现一些异常问题,WinDbg或GDB是解决此类问题的利器.调试工具WinDbg如同医生的听诊器,是系统生病时做问题诊断的逆向分析工具 ...
- 10,html全局属性有哪些
10,html全局属性(global attribute,html属性赋予元素意义和语境,html全局属性可以用于任何的html元素)有哪些 class:为元素设置类标识 data-*:为元素增加自定 ...
- 原生JS:全局属性、全局方法详解
全局属性.全局方法 原创文章,转摘请注明出处:苏福:http://www.cnblogs.com/susufufu/p/5853342.html 首先普及几个我总结的非常实用又很基础的知识:(呵呵,仅 ...
- HTML的16个全局属性
前面的话 在HTML中,属性能表达相当丰富的语义,而且属性也会额外提供很多实用的功能,HTML共支持16个常见的全局属性. HTML原有属性 accesskey 作用:浏览器用来创建激活或聚焦元素的快 ...
- JavaScript常用全局属性与方法
最近,在学习JavaScript,Java作域链包含全局,记录下常用的全局属性与方法,就当是知识的积累,未列出全部,如需查看全部可参考JS相关的API文档. 常用的全局属性: 全局属性 作 ...
- 第六十八节,htnl全局属性和其他属性
htnl全局属性和其他属性 学习要点: 1.实体 2.元数据 3.全局属性 本章主要探讨HTML5中的HTML实体.以及HTML核心构成的元数据,最后了解一下HTML中的全局属性. 一.实体 HTML ...
- node 全局对象global —— 记录在线人员
最近做毕设的时候,在做查看在线人员这个功能的时候,一直卡顿,我的思路是数据库保存 是否在线 字段,可以在登录时和退出系统修改状态,但如果用户之间关闭窗口时候就没办法向后台发出修改在线状态的请求.我想到 ...
- **解释器全局锁(Global Interpreter Lock)
解释器全局锁(Global Interpreter Lock),即Python为了保证线程安全而采取的独立线程运行的限制,说白了就是一个核只能在同一时间运行一个线程. [解决办法就是多进程和协程(协程 ...
- nodejs 全局对象 global
nodejs中有一个全局对象 global,所有的全局变量都是global对象的属性,glabal最根本的作用是作为全局变量的宿主, 全局变量: 1 在最外层定义的变量 2 全局对象的属性 3 隐式定 ...
随机推荐
- 手写AOP实现过程
一.手写Aop前基础知识 1.aop是什么? 面向切面编程(AOP):是一种编程范式,提供从另一个角度来考虑程序结构从而完善面向对象编程(OOP). 在进行OOP开发时,都是基于对组件(比如类)进行开 ...
- sourcetree关于注册的问题
当前只有Win的版本,Mac自行百度(笑) 很多人用git命令行不熟练,那么可以尝试使用sourcetree进行操作. 然鹅~~sourcetree又一个比较严肃的问题就是,很多人不会跳过注册或者操作 ...
- 极简 Node.js 入门 - 2.4 定时器
极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node ...
- SVN的基本使用
2020年7月6日 为什么需要版本控制? 需要清晰地保存某些文件的不同修订版本 控制文件的发屐过程,找出导致 BUG 的原因 轻松将项目或文件恢复到指定版本 极大方便团队之间协同开发,防止出现混乱 在 ...
- windows 下 安装 RabbitMQ
RabbitMQ是一个在AMQP协议标准基础上完整的.可复用的企业消息系统.它遵循Mozilla Public License开源协议,采用 Erlang 实现的工业级的消息队列(MQ)服务器.它扮演 ...
- SpringBoot整合Actuator进行健康监控
一.Actuator介绍 SpringBoot自带监控功能Actuator,通过 restful api 请求来监管.审计.收集应用的运行情况,可以帮助实现对程序内部运行情况监控,比如监控状况.Bea ...
- MySQL数据和索引占用空间查询
MySQL数据和索引占用空间查询 查询所有数据库占用磁盘空间大小的SQL语句 SELECT table_schema, -- 数据库名称 concat( TRUNCATE ( sum( data_le ...
- shazidouhuiapp
在选择了软件工程专业之后,指导教师也让我们参加到了学长学姐的作业之中来,使用学长学姐们的软件并写出自己的使用评价以及自己的一些小评价. 我这次体验的是第三组的学长学姐们的软件,他们的队名叫天公疼憨仔, ...
- 【小白学AI】GBDT梯度提升详解
文章来自微信公众号:[机器学习炼丹术] 文章目录: 目录 0 前言 1 基本概念 2 梯度 or 残差 ? 3 残差过于敏感 4 两个基模型的问题 0 前言 先缕一缕几个关系: GBDT是gradie ...
- 基于Rust-vmm实现Kubernetes运行时
随着容器及K8s的广泛使用,越来越多的容器安全与隔离问题被暴露出来,如:容器逃逸.水平攻击.DDos攻击等严重威胁了办公和生产环境的安全与稳定,影响了业务的正常运行.安全容器技术孕育而生,产生了kat ...