accesskey

• accesskey 屬性規(guī)定激活（使元素獲得焦點(diǎn)）元素的快捷鍵。
• 以下元素支持 accesskey 屬性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
  eg:

<a  accesskey="a">百度</a>
//按下alt+a打開鏈接

class

• class 屬性規(guī)定元素的類名（classname）。
• class 屬性大多數(shù)時候用于指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
• class 屬性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
• 可以給 HTML 元素賦予多個 class，例如：<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素。

contenteditable

• 設(shè)置元素內(nèi)容可編輯
• 如果元素未設(shè)置 contenteditable 屬性，那么元素會從其父元素繼承該屬性。

<p contenteditable="true">asdadsasdasdasdasd</p>

contextmenu

• 該屬性規(guī)定div元素的上下文菜單，點(diǎn)擊元素時出現(xiàn)
• 但是該元素不常用，目前值有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"進(jìn)行設(shè)置
    }
</script>

dir

• 規(guī)定文本方向(不常用)
• 屬性值為rtl或者ltr
• dir 屬性在以下標(biāo)簽中無效：<base>,
  , <frame>, <frameset>,

  ---

  , <iframe>, <param> 以及 <script>。
  eg:

<p dir="rtl">Write this text right-to-left!</p>

draggable

• 設(shè)置元素可拖動
• img與a默認(rèn)可拖動

<p draggable="true">
    hello world!
</p>

dropzone

• 規(guī)定在拖動是是否進(jìn)行移動、復(fù)制或鏈接
• 然而所有主流瀏覽器都不支持這個屬性

hidden

• hidden 屬性是布爾屬性。(只要設(shè)置就表示true)
• 如果設(shè)置該屬性，它規(guī)定元素仍未或不再相關(guān)。
• 瀏覽器不應(yīng)顯示已規(guī)定 hidden 屬性的元素。
• hidden 屬性也可用于防止用戶查看元素，直到匹配某些條件（比如選擇了某個復(fù)選框）。然后，JavaScript 可以刪除 hidden 屬性，以使此元素可見。

<p hidden>這個段落應(yīng)該被隱藏。</p>

id

• id 屬性規(guī)定 HTML 元素的唯一的 id。
• id 在 HTML 文檔中必須是唯一的。
• id 屬性可用作鏈接錨（link anchor），通過 JavaScript（HTML DOM）或通過 CSS 為帶有指定 id 的元素改變或添加樣式。

lang

• 規(guī)定元素內(nèi)容的語言
• 語言查詢表

spellcheck

• spellcheck 屬性規(guī)定是否對元素進(jìn)行拼寫和語法檢查。
• 可以對以下內(nèi)容進(jìn)行拼寫檢查：
  • input 元素中的文本值（非密碼）
  • <textarea> 元素中的文本
  • 可編輯元素中的文本

style

• style 屬性規(guī)定元素的行內(nèi)樣式（inline style）
• style 屬性將覆蓋任何全局的樣式設(shè)定，例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

tabindex

• tabindex 屬性規(guī)定元素的 tab 鍵控制次序（當(dāng) tab 鍵用于導(dǎo)航時）。
• 以下元素支持 tabindex 屬性：<a>, <area>, <button>, <input>, <object>, <select> 以及 <textarea>。
  eg:

<a  tabindex="2">W3School</a>
<a  tabindex="1">Google</a>
<a  tabindex="3">Microsoft</a>

title

• title 屬性規(guī)定關(guān)于元素的額外信息。
• 這些信息通常會在鼠標(biāo)移到元素上時顯示一段工具提示文本（tooltip text）。
• title 屬性常與 form 以及 a 元素一同使用，以提供關(guān)于輸入格式和鏈接目標(biāo)的信息。同時它也是 abbr 和 acronym 元素的必需屬性。

translate

• 用于翻譯元素內(nèi)容
• 所有主流瀏覽器都不支持該屬性