accesskey

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

<a  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  tabindex="2">W3School</a>
<a  tabindex="1">Google</a>
<a  tabindex="3">Microsoft</a>

title

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

translate

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