hidden
The hidden global attribute removes an element from rendering and the accessibility tree.
Syntax
hiddenExamples
<p hidden>This is not shown.</p>
<div hidden="until-found">Found by in-page search</div>
Output
The first paragraph is not rendered; the second stays hidden until browser find-in-page reveals it.
Notes
hidden is equivalent to display:none and hides content from all users including assistive tech. The hidden="until-found" value keeps content findable and scrollable-to. CSS display can override the plain hidden attribute.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 6.0 |
| firefox | 4.0 |
| safari | 5.1 |
| edge | 12 |