【HTML5】全域性屬性
阿新 • • 發佈：2019-02-20
新增的全域性元素：
1、contenteditable屬性
一段可編輯的段落：
<p contenteditable="true">這是一個可編輯的段落。</p>
註釋：如果元素未設定 contenteditable
屬性，那麼元素會從其父元素繼承該屬性。
2、spellcheck屬性
進行拼寫檢查的可編輯段落：
可以對以下內容進行拼寫檢查：
- input 元素中的文字值（非密碼）
- <textarea> 元素中的文字
- 可編輯元素中的文字
<input type="text" spellcheck="true">
3、tabindex屬性
tabindex 屬性規定元素的 tab 鍵控制次序（當 tab 鍵用於導航時）。
幾乎所有瀏覽器均 tabindex 屬性，除了 Safari。
支援tabindex屬性的元素：a，area，button，input，object，select，textarea。
<span style="font-family:SimSun;font-size:14px;"><span style="font-family:SimSun;"><!DOCTYPE html> <html> <body> <a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br /> <a href="http://www.google.com/" tabindex="1">Google</a><br /> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a> <p><b>註釋：</b>請嘗試使用鍵盤上的 "Tab" 鍵在連結之間進行導航。</p> </body> </html></span></span>
4、hidden屬性
被隱藏的段落。所有主流瀏覽器都支援該屬性，除了IE。
<span style="font-family:SimSun;font-size:14px;"><span style="font-family:SimSun;"><!DOCTYPE html> <html> <body> <p hidden="hidden">這是一段隱藏的段落。</p> <p>這是一段可見的段落。</p> </body> </html></span></span>
5、designMode屬性
用於設定是否把文字都變成可編輯狀態。designMode屬性有兩個屬性值：on和off。當把designMode屬性設定為on時，則表示該文字是可編輯狀態；當把designMode屬性設定為off時，則表示該文字是不可編輯狀態，該屬性值為預設值。在javaScript程式碼中只能修改整個頁面的designMode屬性。
6、designMode和contenteditable的區別
1、designMode只能把document整體設定為可編輯狀態，contenteditable可以把需要的任意元素設定為可編輯狀態。
2、在IE上使用designMode，右鍵選單沒有複製貼上，出來的是普通網頁的右鍵選單。
3、還有一些其他的區別，沒有驗證。