English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
전역 속성 hidden은 불리언 속성으로, 요소가 아직이거나 더 이상 관련이 없음을 나타냅니다. 예를 들어, 로그인이 완료될 때까지 페이지 요소를 숨기는 데 사용될 수 있습니다. 이 속성을 설정한 요소는 표시되지 않습니다.
hidden 속성을 가진 요소의 CSS display 속성을 변경하면 이 동작을 대체합니다. 예를 들어, 요소가 display: flex로 설정되면 hidden 속성이 설정되어 있어도 요소가 표시됩니다.
숨겨진 단락과 일반 단락을 표시합니다:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML hidden 속성의 사용(기본 튜토리얼 웹 oldtoolbag.com)</title> </<head> <body> <p hidden="hidden">이것은 숨겨진 문단입니다.</p> <p>이것은 일반적으로 보이는 문단입니다.</p> </body> </html>테스트해 보세요 ‹/›
IEFirefoxOperaChromeSafari
모든 주요 브라우저가 지원합니다.
hidden 속성은 부울 속성입니다.
만약 있으면, 요소가 아직 관련이 없거나 더 이상 관련이 없음을 지정합니다.
브라우저는 지정된 hidden 속성을 가진 요소를 표시하지 않아야 합니다.
hidden 속성은 사용자가 요소를 보이지 않도록 막을 수 있으며, 특정 조건(예: 체크박스 선택 등)이 충족되면 JavaScript가 hidden 속성을 제거하고 요소를 보이게 할 수 있습니다.
hidden 속성은 HTML5 에 새로운 속성이 있습니다.
XHTML에서, 속성은 줄임 금지되며, hidden 속성은 반드시 '<'로 정의되어야 합니다.element hidden="hidden">.
<element hidden>