隱藏(屬性) | hidden (attribute)

全局屬性hidden是一個布爾屬性，表示一個元素尚未或者不再相關。例如，它可以被用來隱藏一個頁面元素直到登錄完畢。如果一個元素設置了這個屬性，它就不會被顯示。

hidden屬性不能用于隱藏那些可以在其它板塊中合理顯示的內容。?例如,用hidden屬性去隱藏一個選項卡對話框種的面板是不正確的，因為選項卡界面只不過是溢出顯示的一種——一個可以等量于一個只顯示所有form表單控件的擁有滾動條的大頁面。類似地，用hidden屬性在某個特定板塊中隱藏一部分內容也是不正確的，——如果某些內容被標記為隱藏，它將從所有版塊中隱藏,包括例如屏幕閱讀器.

隱藏元素不應該從非隱藏元素鏈接，隱藏元素的后代元素仍然是活動的，這意味著腳本元素仍然可以執行，表單元素仍然可以提交。元素和腳本可能會引用隱藏在其他上下文中的元素。

例如，使用href屬性鏈接到用hidden屬性標記的部分是不正確的。如果內容不適用或不相關，那么沒有理由鏈接到它。

然而，使用ARIA aria-describedby屬性來引用本身是隱藏的描述是很好的。雖然隱藏描述意味著它們本身沒有用處，但它們可以寫成這樣一種方式，也就是說它們在被描述的元素引用的特定上下文中是有用的。

類似地，具有該hidden屬性的畫布元素可以被腳本化的圖形引擎用作離屏緩沖器，并且表單控件可以使用其表單屬性來引用隱藏的表單元素。

注：使用display屬性更改元素的CSS hidden屬性值將覆蓋該行為。例如，display: flex不管hidden屬性是否存在，都將顯示樣式元素。

規范

規范

狀態

評論

HTML生活標準該規范中'隱藏'的定義。

生活水平

最新的快照，HTML 5.1沒有變化

HTML生活標準該規范中“隱藏元素”的定義。

生活水平

使用CSS定義建議的隱藏屬性默認呈現

HTML 5.1該規范中'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)

總結

以上是生活随笔為你收集整理的html 自动隐藏属性,隐藏（属性） | hidden (attribute)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。