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 隐式定 ...
随机推荐
- Homekit_DoHome_智能通断器
本款通断器适用于IOS和android系统用户,苹果用户可以非常方便的使用siri进行有效控制,android用户需要下载Dohome App进行操作,同时支持市面上主流的智能音箱进行控制. 对于an ...
- Umlet和draw.io 使用心得
文章目录 软件使用心得 1. Umlet 画图软件 1.1 前言 1.2 优点 1.3使用小trick 1.3.1 灵活改变箭头形式 1.3.2 整体复制 1.3.3 快速复制 2. draw.io ...
- oracle正则表达式语法介绍及实现手机号码匹配方法
Oracle10g提供了在查询中使用正则表达的功能,它是通过各种支持正则表达式的函数在where子句中实现的.本文将简单的介绍oracle正则表达式常用语法,并通过一个手机特号匹配的例子演示正则表达式 ...
- LeetCode 90 | 经典递归问题,求出所有不重复的子集II
本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是LeetCode专题第56篇文章,我们一起来看看LeetCode第90题,子集II(Subsets II). 这题的官方难度是Medi ...
- SSM整合 完美支持RESTful(Jsp和客户端<android ios...>)
一 RESTful简介 RESTful是一种网络应用程序的设计风格和开发方式 它结构清晰 符合标准 易于理解 扩展方便 REST 即Representational State Transfer的缩写 ...
- 关于tomcat的一些基础知识
tomcat的启动环境是要需要配置jdk的,本次示例用的是jdk1.8和tomcat 8.5. jdk环境变量配置可以在网上随意找到,这里就不再作示范了. 什么是Tomcat Tomcat简单的说就是 ...
- Go Channel 详解
原文链接:Go Channel 详解 Channel类型 Channel类型的定义格式如下: ChannelType = ( "chan" | "chan" & ...
- 牛客网PAT练兵场-在霍格沃茨找零钱
题目地址:https://www.nowcoder.com/pat/6/problem/4063 题意:按照题目的进制计算即可 /** * *作者:Ycute *时间:2019-11-14-21.45 ...
- Datanode 怎么与 Namenode 通信?
在分析DataNode时, 因为DataNode上保存的是数据块, 因此DataNode主要是对数据块进行操作. A. DataNode的主要工作流程 客户端和DataNode的通信: 客户端向Dat ...
- seo排名顾问不仅仅是关键词排名
http://www.wocaoseo.com/thread-246-1-1.html SEO顾问是什么,应该做什么工作呢,是不是主要做关键词的优化推广呢?做seo顾问入门的人,或者想聘请seo顾问的 ...