accesskey
- accesskey 属性规定激活（使元素获得焦点）元素的快捷键。
- 以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
eg:
<a href="http://www.baidu.com" accesskey="a">百度</a>
//按下alt+a打开链接
class
- class 属性规定元素的类名（classname）。
- class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
- class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
- 可以给 HTML 元素赋予多个 class，例如：<span class="left_menu important">。这么做可以把若干个 CSS 类合并到一个 HTML 元素。
contenteditable
- 设置元素内容可编辑
- 如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。
<p contenteditable="true">asdadsasdasdasdasd</p>
contextmenu
- 该属性规定div元素的上下文菜单，点击元素时出现
- 但是该元素不常用，目前值有Firefox支持该属性
data-*
<ul>
<li data-test="aaaaa">aaaaa</li>
<li data-test="bbbbb">bbbbb</li>
<li data-test="ccccc">ccccc</li>
</ul>
<script>
const nodes=document.getElementsByTagName('li');
for(let value of nodes){
console.log(value.dataset.test)
//value.dataset.test="ddddd"进行设置
}
</script>
dir
- 规定文本方向(不常用)
- 属性值为rtl或者ltr
- dir 属性在以下标签中无效：<base>,
, <frame>, <frameset>,
, <iframe>, <param> 以及 <script>。
eg:
<p dir="rtl">Write this text right-to-left!</p>
draggable
<p draggable="true">
hello world!
</p>
dropzone
- 规定在拖动是是否进行移动、复制或链接
- 然而所有主流浏览器都不支持这个属性
hidden
- hidden 属性是布尔属性。(只要设置就表示true)
- 如果设置该属性，它规定元素仍未或不再相关。
- 浏览器不应显示已规定 hidden 属性的元素。
- hidden 属性也可用于防止用户查看元素，直到匹配某些条件（比如选择了某个复选框）。然后，JavaScript 可以删除 hidden 属性，以使此元素可见。
<p hidden>这个段落应该被隐藏。</p>
id
- id 属性规定 HTML 元素的唯一的 id。
- id 在 HTML 文档中必须是唯一的。
- id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
lang
spellcheck
- spellcheck 属性规定是否对元素进行拼写和语法检查。
- 可以对以下内容进行拼写检查：
- input 元素中的文本值（非密码）
- <textarea> 元素中的文本
- 可编辑元素中的文本
style
- style 属性规定元素的行内样式（inline style）
- style 属性将覆盖任何全局的样式设定，例如在 <style> 标签或在外部样式表中规定的样式。
tabindex
- tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
- 以下元素支持 tabindex 属性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。
eg:
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
title
- title 属性规定关于元素的额外信息。
- 这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text）。
- title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
translate
