html属性

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

• 设置元素可拖动
• img与a默认可拖动

<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

• 用于翻译元素内容
• 所有主流浏览器都不支持该属性