html Global Attributes 全域屬性

適用於全部 html 元素的屬性,不過還是會依循元素的本質反應作用,屬性加在不適用的元素就沒意義了。

一般屬性
  1. id
    • "idName"

      由編寫人定義,如, id="html-syntax"

    說明

    定義元素在文件內的唯一識別名稱,可作為 URI 參照位置。第一個字元須為英文字母 (A-Z, a-z) ,大小寫有區分;接下來可為英文字母, 0-9 (數字), - (減號), _ (底線), . (句號), : (冒號) 。

  2. class
    • "className"

      由編寫人定義,如, class="practices"

    說明

    定義元素的類別名稱。規則同 id 屬性,不同的是同一元素可指定多個 class 名稱,而不同名稱以半形空格區隔,如, class="initial theme1"

  3. lang, xml:lang
    值 (列舉範例)
    • "en"

      英文, xml:lang="en"

    • "en-us"

      美式英文, xml:lang="en-us"

    • "en-uk"

      英式英文, xml:lang="en-uk"

    • "zh"

      中文, xml:lang="zh"

    • "zh-tw"

      正體中文, xml:lang="zh-tw"

    • "zh-cn"

      簡體中文, xml:lang="zh-cn"

    說明

    以二個字元標註元素內容使用的語系,可促使瀏覽器自動支援該語系文字流排特性,如斷行、連字等,甚至預設的字體,也有助於聲音朗讀程式作適當的發音;可接 - (減號) 後再加二個字元,更明確註明語區,如中文至少就有正體中文、簡體中文兩種。更多語系可查詢 ISO 639-1 ;或可參考瀏覽器內的 [語言] 選項、或 dreamweaver [標籤編輯器] 內語言選項。如, xml:lang="zh-tw" ,為 XML 的寫法,而 html 只需要 lang="zh-tw" ,惟 xhtml 最好兩個寫法並存 (英文) 。

  4. dir
    • "ltr"

      左到右文字走向, dir="ltr"root elements 未指定時,採用此值。

    • "rtl"

      右到左文字走向, dir="rtl"

    • "auto"

      由程式動態決定, dir="auto" 。在無法預先決定文字走向時使用。

    說明

    定義元素內文字的走向。未定義 dir 時,自動採用父元素的定義。部分瀏覽器提供使用者變更文字走向的功能,應注意可能造成網頁反向呈現。

  5. title
    • "information"

      由編寫人定義,如, title="Cost/Performace"

    說明

    元素的附加文字說明。多數瀏覽器當滑鼠移入元素區域會促使彈出顯示此內容。部分元素加 title 屬性是會提高瀏覽的友善度,對搜尋關鍵字排序也會有加分作用,如 abbr, a, cite, link, img, object, embed, video, canvas 等。

  6. style
    • "css properties"

      由編寫人定義元素的 css ,如, style="color:navy;font-weight:900;"

    說明

    定義單一元素的樣式。此屬性通常應用在程式動態產生樣式,編寫 css 建議以獨立的 css 檔處理較為妥善,不宜用此屬性一個一個撰寫,也不易維護。

事件屬性
  1. onclick
    • "script"

      由編寫人定義的 script 。事件屬性的值都是 script ,以下均同,會省略此段。

    說明

    定義在元素上按一下執行鍵並放開時的執行程式。如, onclick="return(window.confirm('全部銷毀?'));" 。以下事件屬性使用方式雷同,不再重複舉例。

  2. ondblclick
    說明

    定義在元素上連按二下滑鼠執行鍵時的執行程式。

  3. onmousedown
    說明

    定義在元素上按下滑鼠執行鍵時 (不用放開) 的執行程式。

  4. onmouseup
    說明

    定義在元素上放開滑鼠執行鍵時的執行程式。

  5. onmouseover
    說明

    定義滑鼠移入元素可觸及區域時的執行程式。

  6. onmouseout
    說明

    定義滑鼠移出元素可觸及區域時的執行程式。

  7. onmousemove
    說明

    定義滑鼠在元素可觸及區域移動時的執行程式。

  8. onkeypress
    說明

    定義在元素區域內按下鍵盤某一個鍵並放開時的執行程式。

  9. onkeydown
    說明

    定義在元素區域內按下鍵盤某一個鍵時 (不用放開) 的執行程式。

  10. onkeyup
    說明

    定義在元素區域內放開鍵盤某一個鍵時的執行程式。

html 5 新定義的全域屬性

一般屬性
  1. accesskey
  2. contenteditable
  3. contextmenu
  4. draggable
  5. dropzone
  6. hidden
  7. spellcheck
  8. tabindex
事件屬性
  1. onabort
  2. onblur
  3. oncanplay
  4. oncanplaythrough
  5. onchange
  6. oncontextmenu
  7. oncuechange
  8. ondrag
  9. ondragend
  10. ondragenter
  11. ondragleave
  12. ondragover
  13. ondragstart
  14. ondrop
  15. ondurationchange
  16. onemptied
  17. onended
  18. onerror
  19. onfocus
  20. oninput
  21. oninvalid
  22. onload
  23. onloadeddata
  24. onloadedmetadata
  25. onloadstart
  26. onmousewheel
  27. onpause
  28. onplay
  29. onplaying
  30. onprogress
  31. onratechange
  32. onreadystatechange
  33. onreset
  34. onscroll
  35. onseeked
  36. onseeking
  37. onselect
  38. onshow
  39. onstalled
  40. onsubmit
  41. onsuspend
  42. ontimeupdate
  43. onvolumechange
  44. onwaiting
參考資源

更新日期: