html 中元素的全域性屬性

1. contextmenu --> 用於指定頁面一個的id名為指定名稱的元素
2. accesskey(注意 ie在linux和mac下不支援) --> 設定一個按鍵讓可以獲取焦點的元素在觸發頁面快捷鍵的時候快速定位(chrome/safari–>alt+key||mac下加control firefox–>shift+alt+key||mac control+alt+key)
3. contenteditable --> 可以對元素的content內容進行編譯, 基礎屬性 相容性完美 可編譯元素自增 outline 可以使用border或其他元素 會響應頁面的table跳轉 但是不能響應accesskey的內容 可以修改自定義樣式模擬input輸入框的實現
4. tabindex --> 可以根據值定義input輸入框按tab鍵切換焦點時候的順序(移動端android相容性不行，其他平臺相容性良好)
5. draggable --> 指定對應的屬效能否被選中拖拽 dropzone(未實現) --> 指定拖拽到對應dropzone元素之後的操作

navigator.onLine --> 判斷瀏覽器當前是離線還是線上狀態

什麼是漸進增強

漸進增強是指在web設計時強調可訪問性、語義化HTML標籤、外部樣式表和指令碼。保證所有人都能訪問頁面的基本內容和功能同時為高階瀏覽器和高頻寬使用者提供更好的使用者體驗。核心原則如下:

所有瀏覽器都必須能訪問基本內容
所有瀏覽器都必須能使用基本功能
所有內容都包含在語義化標籤中
通過外部CSS提供增強的佈局
通過非侵入式、外部javascript提供增強功能
end-user web browser preferences are respected