HTML hidden屬性
此屬性設定元素不可見,且不佔據空間(HTML5新增)。
表現與CSS的display: none相同,此屬性的出現目的是為了增強程式碼的語義性。
語法結構:
[JavaScript] 純文字檢視 複製程式碼<element hidden>
引數解析:
hidden:唯一的屬性值就是"hidden",在HTML5規範中可以省略。
瀏覽器支援:
(1).IE9+瀏覽器支援此屬性。
(2).谷歌瀏覽器支援此屬性。
(3).火狐瀏覽器支援此屬性。
(4).opera瀏覽器支援此屬性。
(5).safria瀏覽器支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> .ant { width:100px; height:100px; background-color:#ccc; } </style> </head> <body> <div class="ant" hidden></div> </body> </html>
div元素使用hidden屬性後,元素變為不可見。
相關文章
- HTML————4、HTML屬性HTML
- HTML step 屬性HTML
- HTML class 屬性HTML
- HTML lang 屬性HTML
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML colspan 屬性HTML
- HTML rowspan 屬性HTML
- HTML translate 屬性HTML
- HTML title 屬性HTML
- HTML style 屬性HTML
- HTML spellcheck 屬性HTML
- HTML——② HTML 元素、屬性詳解HTML
- HTML cellspacing 屬性HTML
- html元素,屬性修改HTML
- HTML 屬性順序HTML
- HTML dropzone 屬性HTML
- HTML draggable 屬性HTML
- HTML contextmenu 屬性HTMLContext
- HTML contenteditable 屬性HTML
- HTML 省略type屬性HTML
- HTML accesskey 屬性HTML
- HTML headers 屬性HTMLHeader
- HTML標籤屬性HTML
- html5全域性屬性HTML
- HTML cellpadding 屬性HTMLpadding
- HTML 布林屬性值HTML
- HTML CSS 三大屬性④HTMLCSS
- HTML5 required屬性HTMLUI
- HTML屬性是什麼?HTML
- html學習(常用屬性)HTML
- HTML 屬性你都懂了嗎HTML
- HTML5 novalidate 屬性HTML
- [HTML/CSS]colum-gap屬性HTMLCSS
- HTML表格標記及屬性HTML
- 關於input 中 hidden屬性在後臺作用的例項
- HTML input hidden隱藏域HTML
- HTML input hidden 隱藏域HTML