《HTML 5與CSS 3 權威指南（第3版·上冊）》——2.4 全局屬性

本節書摘來自華章出版社《html 5與css 3 權威指南（第3版·上冊）》一 書中的第2章，第2.4節，作者：陸淩牛，更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。

在html 5中，新增了一個“全局屬性”的概念。所謂全局屬性，是指可以對任何元素都使用的屬性，本節将詳細介紹幾種常用的全局屬性。

contenteditable是由微軟開發的，被其他浏覽器反編譯并投入應用的一個全局屬性。該屬性的主要功能是允許使用者編輯元素中的内容，是以該元素必須是可以獲得滑鼠焦點的元素，而且在點選滑鼠後要向使用者提供一個插入符号，提示使用者該元素中的内容允許編輯。contenteditable屬性是一個布爾值屬性，可以被指定為true或false。

除此之外，該屬性還有個隐藏的inherit（繼承）狀态，當屬性值為true時，元素被指定為允許編輯；當屬性值為false時，元素被指定為不允許編輯；當未指定true或false時，則由inherit狀态來決定，如果元素的父元素是可編輯的，則該元素就是可編輯的。

另外，除了contenteditable屬性外，元素還具有一個iscontenteditable屬性，當元素可編輯時，該屬性值為true；當元素不可編輯時，該屬性值為false。

代碼清單2-2中給出了一個使用contenteditable屬性的示例，當清單元素被加上contenteditable屬性後，該元素就變成可編輯的了，讀者可自行在浏覽器中對該示例進行

試驗。

代碼清單2-2　contenteditable屬性示例

document.designmode="on"<code>`</code>

針對designmode屬性，各浏覽器的支援情況也各不相同：

ie 8：出于安全考慮，不允許使用designmode屬性讓頁面進入編輯狀态。

ie 9：允許使用designmode屬性讓頁面進入編輯狀态。

chrome 3和safari：使用内嵌frame的方式，該内嵌frame是可編輯的。

firefox和opera：允許使用designmode屬性讓頁面進入編輯狀态。

在html 5中，所有的元素都允許使用一個hidden屬性。該屬性類似于input元素中的hidden元素，功能是通知浏覽器不渲染該元素，使該元素處于不可見狀态。但是元素中的内容還是被浏覽器建立的，也就是說頁面裝載後允許使用javascript腳本将該屬性取消，取消後該元素變為可見狀态，同時元素中的内容也即時顯示出來。hidden屬性是一個布爾值的屬性，當設為true時，元素處于不可見狀态；當設為false時，元素處于可見狀态。

spellcheck屬性是html 5針對input元素（type=text）與textarea這兩個文本輸入框提供的一個新的屬性，它的功能對使用者輸入的文本内容進行拼寫和文法檢查。spellcheck屬性是一個布爾值的屬性，具有true或false兩種值。但是它在書寫時有一個特殊的地方，就是必須明确聲明屬性值為true或false，書寫方法如下所示：