[html] 第3天 HTML全局属性(global attribute)有哪些（包含H5）？

[haizhilin2013]

[html] 第3天 HTML全局属性(global attribute)有哪些（包含H5）？

[undefinedYu]

• class
• id
• data
• type
• href
• style
• width
• height
• targe
• checked
• disabled
• requie
• ref
• alt
• title
• name
• mulitp...多选
• value
• replaceholder
• src

[yxkhaha]

• id
• class
• style
• title
• data

[qingleizhang123]

全局属性：用于任何HTML5元素的属性

• accesskey:设置快捷键
• class:为元素设置类标识
• contenteditable:指定元素内容是否可编辑
• contextmenu:自定义鼠标右键弹出上下文菜单内容（仅firefox支持）
• data-*:为元素增加自定义属性
• dir：设置元素文本方向（默认ltr；rtl）
• draggable:设置元素是否可拖拽
• dropzone:设置元素拖放类型（copy|move|link,H5新属性，主流均不支持）
• hidden:规定元素仍未或不在相关
• id:元素id，文档内唯一
• lang:元素内容的语言
• spellcheck:是否启动拼写和语法检查
• style:行内css样式
• tabindex:设置元素可以获得焦点，通过tab导航
• title:规定元素有关的额外信息
• translate:元素和子孙节点内容是否需要本地化（均不支持）

[Damon99999]

id
class
title
style

[pma934]

是document.body.proto.__proto__里的内容么？

• accessKey: (...)
• assignedSlot: (...)
• attributeStyleMap: (...)
• attributes: (...)
• autocapitalize: (...)
• baseURI: (...)
• childElementCount: (...)
• childNodes: (...)
• children: (...)
• classList: (...)
• className: (...)
• clientHeight: (...)
• clientLeft: (...)
• clientTop: (...)
• clientWidth: (...)
• contentEditable: (...)
• dataset: (...)
• dir: (...)
• draggable: (...)
• firstChild: (...)
• firstElementChild: (...)
• hidden: (...)
• id: (...)
• innerHTML: (...)
• innerText: (...)
• inputMode: (...)
• isConnected: (...)
• isContentEditable: (...)
• lang: (...)
• lastChild: (...)
• lastElementChild: (...)
• localName: (...)
• namespaceURI: (...)
• nextElementSibling: (...)
• nextSibling: (...)
• nodeName: (...)
• nodeType: (...)
• nodeValue: (...)
• nonce: (...)
• offsetHeight: (...)
• offsetLeft: (...)
• offsetParent: (...)
• offsetTop: (...)
• offsetWidth: (...)
• onabort: (...)
• onauxclick: (...)
• onbeforecopy: (...)
• onbeforecut: (...)
• onbeforepaste: (...)
• onblur: (...)
• oncancel: (...)
• oncanplay: (...)
• oncanplaythrough: (...)
• onchange: (...)
• onclick: (...)
• onclose: (...)
• oncontextmenu: (...)
• oncopy: (...)
• oncuechange: (...)
• oncut: (...)
• ondblclick: (...)
• ondrag: (...)
• ondragend: (...)
• ondragenter: (...)
• ondragleave: (...)
• ondragover: (...)
• ondragstart: (...)
• ondrop: (...)
• ondurationchange: (...)
• onemptied: (...)
• onended: (...)
• onerror: (...)
• onfocus: (...)
• onfullscreenchange: (...)
• onfullscreenerror: (...)
• ongotpointercapture: (...)
• oninput: (...)
• oninvalid: (...)
• onkeydown: (...)
• onkeypress: (...)
• onkeyup: (...)
• onload: (...)
• onloadeddata: (...)
• onloadedmetadata: (...)
• onloadstart: (...)
• onlostpointercapture: (...)
• onmousedown: (...)
• onmouseenter: (...)
• onmouseleave: (...)
• onmousemove: (...)
• onmouseout: (...)
• onmouseover: (...)
• onmouseup: (...)
• onmousewheel: (...)
• onpaste: (...)
• onpause: (...)
• onplay: (...)
• onplaying: (...)
• onpointercancel: (...)
• onpointerdown: (...)
• onpointerenter: (...)
• onpointerleave: (...)
• onpointermove: (...)
• onpointerout: (...)
• onpointerover: (...)
• onpointerup: (...)
• onprogress: (...)
• onratechange: (...)
• onreset: (...)
• onresize: (...)
• onscroll: (...)
• onsearch: (...)
• onseeked: (...)
• onseeking: (...)
• onselect: (...)
• onselectionchange: (...)
• onselectstart: (...)
• onstalled: (...)
• onsubmit: (...)
• onsuspend: (...)
• ontimeupdate: (...)
• ontoggle: (...)
• onvolumechange: (...)
• onwaiting: (...)
• onwebkitfullscreenchange: (...)
• onwebkitfullscreenerror: (...)
• onwheel: (...)
• outerHTML: (...)
• outerText: (...)
• ownerDocument: (...)
• parentElement: (...)
• parentNode: (...)
• part: (...)
• prefix: (...)
• previousElementSibling: (...)
• previousSibling: (...)
• scrollHeight: (...)
• scrollLeft: (...)
• scrollTop: (...)
• scrollWidth: (...)
• shadowRoot: (...)
• slot: (...)
• spellcheck: (...)
• style: (...)
• tabIndex: (...)
• tagName: (...)
• textContent: (...)
• title: (...)
• translate: (...)

[Konata9]

查了 MDN，感觉比 document.body.__proto__ 要少一点

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes

[poporeki]

日常用的也就一些吧，还有好多不建议使用的

• id
• class
• name
• title
• data-
• placeholder
• width
• height
• bgcolor
• style
• src
• href
• disabled
• value

[censek]

全局属性 可用于任何 HTML 元素。

属性	描述
accesskey	设置访问元素的键盘快捷键。
class	规定元素的类名（classname）
contenteditableNew	规定是否可编辑元素的内容。
contextmenuNew	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data-*New	用于存储页面的自定义数据
dir	设置元素中内容的文本方向。
draggableNew	指定某个元素是否可以拖动
dropzoneNew	指定是否将数据复制，移动，或链接，或删除
hiddenNew	hidden 属性规定对元素进行隐藏。
id	规定元素的唯一 id
lang	设置元素中内容的语言代码。
spellcheckNew	检测元素是否拼写错误
style	规定元素的行内样式（inline style）
tabindex	设置元素的 Tab 键控制次序。
title	规定元素的额外信息（可在工具提示中显示）
translateNew	指定是否一个元素的值在页面载入时是否需要翻译

[RQSA]

全局属性：用于任何HTML5元素的属性

• accesskey:设置快捷键
• class:为元素设置类标识
• contenteditable:指定元素内容是否可编辑
• contextmenu:自定义鼠标右键弹出上下文菜单内容（仅firefox支持）
• data-*:为元素增加自定义属性
• dir：设置元素文本方向（默认ltr；rtl）
• draggable:设置元素是否可拖拽
• dropzone:设置元素拖放类型（copy|move|link,H5新属性，主流均不支持）
• hidden:规定元素仍未或不在相关
• id:元素id，文档内唯一
• lang:元素内容的语言
• spellcheck:是否启动拼写和语法检查
• style:行内css样式
• tabindex:设置元素可以获得焦点，通过tab导航
• title:规定元素有关的额外信息
• translate:元素和子孙节点内容是否需要本地化（均不支持）

[0x3c]

 // HTMLElement 原型上的所有可枚举属性.
console.log(Object.keys(HTMLElement.prototype));

[zlqGitHub]

经常使用到的就是：title、style、class、id

[vinceok]

1. id：元素的id，文档内唯一
2. class：元素的类标识
3. style：元素的行内样式
4. title：元素的额外信息
5. tabindex：元素的 Tab 键控制次序
6. data-*：元素的自定义属性
7. lang：元素内容的语言

[susanforme]

class id  style