ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

你不知道的html的16个通用属性

2021-07-19 16:04:59  阅读:138  来源: 互联网

标签:16 元素 html 键盘 HTML 用于 使用 属性


全局属性

全局属性是所有 HTML 元素共有的属性;它们可以用于所有元素,尽管它们可能对某些元素没有影响。

可以在所有HTML 元素上指定全局属性,即使是标准中未指定的元素。这意味着任何非标准元素仍必须允许这些属性,即使使用这些元素意味着文档不再符合 HTML5。例如,符合 HTML5 的浏览器会隐藏标记为 的内容<foo hidden>...</foo>,即使<foo>它不是有效的 HTML 元素。

除了基本的 HTML 全局属性外,还存在以下全局属性:

  • xml:langxml:base— 这些是从 XHTML 规范继承而来的,但已弃用,但出于兼容性目的而保留。
  • 多个aria-*属性,用于提高可访问性。
  • 事件处理程序的属性:onabortonautocompleteonautocompleteerroronbluroncanceloncanplayoncanplaythroughonchangeonclickoncloseoncontextmenuoncuechangeondblclickondragondragendondragenterondragexitondragleaveondragoverondragstartondropondurationchangeonemptiedonendedonerroronfocusoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponmousewheelonpauseonplayonplayingonprogressonratechangeonresetonresizeonscrollonseeked,onseekingonselectonshowonsortonstalledonsubmitonsuspendontimeupdateontoggleonvolumechangeonwaiting.

全局属性列表

accesskey

提供为当前元素生成键盘快捷键的提示。此属性由空格分隔的字符列表组成。浏览器应使用计算机键盘布局中存在的第一个。

autocapitalize

控制文本输入在用户输入/编辑时是否以及如何自动大写。它可以具有以下值:
  • off或者none,不应用自动大写(所有字母默认为小写)
  • on或者sentences,每句首字母默认为大写;所有其他字母默认为小写
  • words,每个单词的首字母默认为大写;所有其他字母默认为小写
  • characters, 所有字母都应默认为大写

autofocus

表示一个元素将专注于页面加载,或者只要<dialog>它是显示的一部分。此属性是一个布尔值,最初为 false。

class

以空格分隔的元素类列表。类允许 CSS 和 JavaScript 通过类选择器或方法(如方法)选择和访问特定元素Document.getElementsByClassName()

contenteditable

一个枚举属性,指示元素是否应可由用户编辑。如果是这样,浏览器会修改其小部件以允许编辑。该属性必须采用以下值之一:
  • true空字符串,表示该元素必须是可编辑的;
  • false,表示该元素不可编辑。

contextmenu 

id<menu>作为该元素的上下文菜单来使用。

data-*

形成一类称为自定义数据属性的属性,允许在HTML及其DOM表示之间交换可由脚本使用的专有信息。所有这些自定义数据都可以通过HTMLElement设置属性的元素的接口获得。该HTMLElement.dataset属性允许访问它们。

dir

指示元素文本方向的枚举属性。它可以具有以下值:
  • ltr,表示从左到右,用于从左到右书写的语言(如英语);
  • rtl,这意味着从右到左,用于从右到左书写的语言(如阿拉伯语);
  • auto,这让用户代理决定。它使用基本算法解析元素内的字符,直到找到具有强方向性的字符,然后将该方向性应用于整个元素。

draggable

一个枚举属性,指示是否可以使用拖放 API 拖动元素。它可以具有以下值:
  • true, 表示该元素可能被拖动
  • false,表示该元素不可拖动。

enterkeyhint

提示为虚拟键盘上的输入键显示什么操作标签(或图标)。

exportparts 

用于将阴影部分从嵌套的阴影树传递到包含的光树中。

hidden

Boolean 属性表示该元素尚未或不再相关。例如,它可用于隐藏在登录过程完成之前无法使用的页面元素。浏览器不会呈现此类元素。此属性不得用于隐藏可以合法显示的内容。

id

定义在整个文档中必须是唯一的唯一标识符 (ID)。它的目的是在链接(使用片段标识符)、脚本或样式(使用 CSS)时识别元素。

inputmode

向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于<input>元素,但在contenteditable模式下可用于任何元素。

is

允许您指定标准 HTML 元素的行为应类似于已注册的自定义内置元素(有关更多详细信息,请参阅使用自定义元素)。

注:item*属性的一部分WHATWG HTML 微数据功能.

itemid

项目的唯一全局标识符。

itemprop

用于向项目添加属性。每个 HTML 元素都可以itemprop指定一个属性,其中一个itemprop由名称和值对组成。

itemref

不是具有该itemscope属性的元素的后代的属性可以使用itemref. 它提供了一个元素 id(不是itemids)的列表,以及文档中其他地方的附加属性。

itemscope

itemscope(通常)与itemtype一起指定块中包含的 HTML 是关于特定项目的。itemscope创建 Item 并定义itemtype与其关联的范围。itemtype是词汇表的有效 URL(例如架构.org) 描述项目及其属性上下文。

itemtype

指定将用于定义itemprop数据结构中的 s(项目属性)的词汇表的 URL 。itemscope用于设置数据结构中词汇表设置的itemtype活动范围。

lang

帮助定义元素的语言:不可编辑元素使用的语言,或者用户应该使用的可编辑元素的语言。该属性包含一个“语言标签”(由连字符分隔的“语言子标签”组成),其格式定义在识别语言的标签 (BCP47)xml:lang优先于它。

nonce

一个加密随机数(“使用一次的数字”),内容安全策略可以使用它来确定是否允许继续进行给定的提取。

part

元素的部分名称的空格分隔列表。部件名称允许 CSS 通过::part伪元素选择阴影树中的特定元素并为其设置样式。

slot

shadow DOM阴影树中slot的插槽分配给元素:具有属性的元素被分配给<slot>由其name属性值与该slot属性值匹配的元素创建的插槽。

spellcheck

枚举属性定义是否可以检查元素的拼写错误。它可能具有以下值:
  • true,表示如果可能,应该检查元素是否存在拼写错误;
  • false,表示不应检查元素是否存在拼写错误。

style

包含要应用于元素的CSS样式声明。请注意,建议在单独的一个或多个文件中定义样式。此属性和<style>元素的主要目的是允许快速设置样式,例如用于测试目的。

tabindex

一个整数属性,指示元素是否可以获取输入焦点(可聚焦),是否应该参与顺序键盘导航,如果是,则在什么位置。它可以采用多个值:
  • 一个负值意味着元素应该是可聚焦的,但不应该是通过顺序键盘导航可达;
  • 0 意味着元素应该可以通过顺序键盘导航获得焦点和可达,但其相对顺序由平台约定定义;
  • 一个正的值的装置,该元件应通过顺序键盘导航可聚焦的和可到达的; 元素聚焦的顺序是tabindex的递增值。如果多个元素共享相同的 tabindex,则它们的相对顺序遵循它们在文档中的相对位置。

title

包含表示与其所属元素相关的咨询信息的文本。这样的信息通常可以但不一定作为工具提示呈现给用户。

translate

一个枚举属性,用于指定Text在页面本地化时是要翻译元素的属性值及其子节点的值,还是保持它们不变。它可以具有以下值:
  • 空字符串 and yes,表示元素将被翻译。
  • no, 表示元素不会被翻译。

标签:16,元素,html,键盘,HTML,用于,使用,属性
来源: https://blog.csdn.net/liuhao9999/article/details/118898187

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有