重学前端 全局属性（第八天）
文章目录
- accesskey（快捷键）
- class
- contenteditable（是否可编辑元素的内容）
- data-*（自定义数据）
- dir（文本方向）
- draggable（是否可以拖动）
- hidden（隐藏）
- id
- lang（元素内容的语言）
- spellcheck（几乎无用，忽略）
- style（行内样式）
- tabindex
- title（关于元素的额外信息）
accesskey（快捷键）
accesskey 属性规定激活（使元素获得焦点）元素的快捷键。
注意：
在不同操作系统中不同的浏览器中访问快捷键的方式不同：
但是，在大多浏览器中快捷键可以设置为另外一组组合。
在 HTML5 中, accesskey 属性可用于任何 HTML 元素 (它会 验证任何HTML元素，但不一定是有用)。
提示：
最好用title提示一下，不然根本不知道快捷键是什么、有没有快捷键！
class
class 属性定义了元素的类名，class 属性通常用于指向样式表的类。但是，它也可以用于 JavaScript 中（通过 HTML DOM）, 来修改 HTML 元素的类名。
contenteditable（是否可编辑元素的内容）
该属性已讲，见 重学前端 重要且实用的HTML5新语义元素（mark标记文本/progress任务进度/meter度量衡/是否可编辑内容/details补充/已移除）（第七天）
data-*（自定义数据）
data-* 属性用于存储私有页面后应用的自定义数据，data-* 属性可以在所有的 HTML 元素中嵌入数据。
自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。
data-* 属性由以下两部分组成：
- 属性名不要包含大写字母，在 data- 后必须至少有一个字符
- 该属性可以是任何字符串
注意：
1、自定义属性前缀 “data-” 会被客户端忽略。
2、在JavaScript中，你可以使用dataset属性来获取HTML元素上的data- * 属性值。dataset属性会将data- * 属性名转换为驼峰命名规则。例如，data-user-id在JavaScript中会变成userId。
dir（文本方向）
dir 属性规定元素内容的文本方向，在 HTML5 中, dir 属性可用于任何的 HTML 元素 (它会验证任何HTML元素，但不一定是有用)。
类似的两个标签（bdo 和 bdi）见 重学前端 段落的空格解析 / br和wbr / 常用的文本格式化标签 / 详解pre（white-space）/ 对比bdo和bdi / 详解a（target cursor 链接- id）（第三天）
draggable（是否可以拖动）
该属性已讲，见 重学前端 浏览器支持（添加新元素）/拖放（第八天）
hidden（隐藏）
hidden 属性规定对元素进行隐藏，隐藏的元素不会被显示。
可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等），然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。
详见：
CSS display(显示) 与 visibility（可见性）[第七天]
id
id 属性规定 HTML 元素的唯一的 id，id 在 HTML 文档中必须是唯一的。
id 属性可用作链接锚（link anchor）；通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
锚链接 见 重学前端 段落的空格解析 / br和wbr / 常用的文本格式化标签 / 详解pre（white-space）/ 对比bdo和bdi / 详解a（target cursor 链接- id）（第三天）
lang（元素内容的语言）
lang 属性规定元素内容的语言。
资料：
HTML 语言代码 参考手册
重学前端 h多大 / 网页内容（html，body，head）/ element.style（第一天）
css 伪类 [第十天]
spellcheck（几乎无用，忽略）
spellcheck 属性规定是否对元素内容进行拼写检查。
可对以下文本进行拼写检查：
- 类型为 text 的 input 元素中的值（非密码）
- textarea 元素中的值
- 可编辑元素中的值
（但是菜鸟试了一下，什么卵用没有，把fire打成fier也没反应，瞎打也没反应）
style（行内样式）
style 属性规定元素的行内样式（inline style），style 属性将覆盖任何全局的样式设定，例如在 < style> 标签或在外部样式表中规定的样式。
tabindex
tabindex 属性规定当使用 “tab” 键进行导航时元素的顺序。在 HTML5 中, tabindex 属性可用于任何的 HTML 元素 (它会验证任何HTML元素，但不一定是有用)。
大家可以运行这段代码，然后直接按tab：
DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<a href="//www.runoob.com//" tabindex="2"> runoob.com 菜鸟教程a><br />
<a href="//www.google.com/" tabindex="1">Googlea><br />
<a href="//www.microsoft.com/" tabindex="3">Microsofta>
body>
html>
title（关于元素的额外信息）
title 属性规定关于元素的额外信息，这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。在 HTML5 中, title 属性可用于任何的 HTML 元素 (它会验证任何HTML元素，但不一定是有用)。
