?
本文檔使用 PHP中文網(wǎng)手冊(cè) 發(fā)布
全局屬性hidden是一個(gè)布爾屬性，表示一個(gè)元素尚未或者不再相關(guān)。例如，它可以被用來(lái)隱藏一個(gè)頁(yè)面元素直到登錄完畢。如果一個(gè)元素設(shè)置了這個(gè)屬性，它就不會(huì)被顯示。
hidden屬性不能用于隱藏那些可以在其它板塊中合理顯示的內(nèi)容。 例如,用hidden屬性去隱藏一個(gè)選項(xiàng)卡對(duì)話框種的面板是不正確的，因?yàn)檫x項(xiàng)卡界面只不過(guò)是溢出顯示的一種——一個(gè)可以等量于一個(gè)只顯示所有form表單控件的擁有滾動(dòng)條的大頁(yè)面。類似地，用hidden屬性在某個(gè)特定板塊中隱藏一部分內(nèi)容也是不正確的，——如果某些內(nèi)容被標(biāo)記為隱藏，它將從所有版塊中隱藏,包括例如屏幕閱讀器.
隱藏元素不應(yīng)該從非隱藏元素鏈接，隱藏元素的后代元素仍然是活動(dòng)的，這意味著腳本元素仍然可以執(zhí)行，表單元素仍然可以提交。元素和腳本可能會(huì)引用隱藏在其他上下文中的元素。
例如，使用href屬性鏈接到用hidden屬性標(biāo)記的部分是不正確的。如果內(nèi)容不適用或不相關(guān)，那么沒(méi)有理由鏈接到它。
然而，使用ARIA aria-describedby屬性來(lái)引用本身是隱藏的描述是很好的。雖然隱藏描述意味著它們本身沒(méi)有用處，但它們可以寫成這樣一種方式，也就是說(shuō)它們?cè)诒幻枋龅脑匾玫奶囟ㄉ舷挛闹惺怯杏玫摹?/p>
類似地，具有該hidden屬性的畫布元素可以被腳本化的圖形引擎用作離屏緩沖器，并且表單控件可以使用其表單屬性來(lái)引用隱藏的表單元素。
注：使用display屬性更改元素的CSS hidden屬性值將覆蓋該行為。例如，display: flex不管hidden屬性是否存在，都將顯示樣式元素。
規(guī)范
規(guī)范 | 狀態(tài) | 評(píng)論 |
|---|---|---|
HTML生活標(biāo)準(zhǔn)該規(guī)范中'隱藏'的定義。 | 生活水平 | 最新的快照，HTML 5.1沒(méi)有變化 |
HTML生活標(biāo)準(zhǔn)該規(guī)范中“隱藏元素”的定義。 | 生活水平 | 使用CSS定義建議的隱藏屬性默認(rèn)呈現(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) |