?
This document uses PHP Chinese website manual Release
全局屬性hidden
是一個布爾屬性,表示一個元素尚未或者不再相關。例如,它可以被用來隱藏一個頁面元素直到登錄完畢。如果一個元素設置了這個屬性,它就不會被顯示。
hidden
屬性不能用于隱藏那些可以在其它板塊中合理顯示的內(nèi)容。 例如,用hidden
屬性去隱藏一個選項卡對話框種的面板是不正確的,因為選項卡界面只不過是溢出顯示的一種——一個可以等量于一個只顯示所有form表單控件的擁有滾動條的大頁面。類似地,用hidden
屬性在某個特定板塊中隱藏一部分內(nèi)容也是不正確的,——如果某些內(nèi)容被標記為隱藏,它將從所有版塊中隱藏,包括例如屏幕閱讀器.
隱藏元素不應該從非隱藏元素鏈接,隱藏元素的后代元素仍然是活動的,這意味著腳本元素仍然可以執(zhí)行,表單元素仍然可以提交。元素和腳本可能會引用隱藏在其他上下文中的元素。
例如,使用href
屬性鏈接到用hidden
屬性標記的部分是不正確的。如果內(nèi)容不適用或不相關,那么沒有理由鏈接到它。
然而,使用ARIA aria-describedby
屬性來引用本身是隱藏的描述是很好的。雖然隱藏描述意味著它們本身沒有用處,但它們可以寫成這樣一種方式,也就是說它們在被描述的元素引用的特定上下文中是有用的。
類似地,具有該hidden
屬性的畫布元素可以被腳本化的圖形引擎用作離屏緩沖器,并且表單控件可以使用其表單屬性來引用隱藏的表單元素。
注:使用display
屬性更改元素的CSS hidden
屬性值將覆蓋該行為。例如,display: flex
不管hidden
屬性是否存在,都將顯示樣式元素。
規(guī)范 | 狀態(tài) | 評論 |
---|---|---|
HTML生活標準該規(guī)范中'隱藏'的定義。 | 生活水平 | 最新的快照,HTML 5.1沒有變化 |
HTML生活標準該規(guī)范中“隱藏元素”的定義。 | 生活水平 | 使用CSS定義建議的隱藏屬性默認呈現(xiàn) |
HTML 5.1該規(guī)范中'hidden'的定義。 | 建議 | HTML Living Standard的快照,最初的定義 |
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Yes) | 4.0 (2) | 11 | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 4 | (Yes) | 4.0 (2) | 11 | (Yes) | (Yes) |