hidden전역 특성은 해당 요소가 아직, 또는 더 이상 관련이 없음을 나타내는 불리언 특성입니다. 브라우저는hidden 속성을 설정한 요소를 렌더링 하지 않습니다.

시도해 보기

<p>  This content should be read right now, as it is important. I am so glad you  are able to find it!</p><p hidden>  This content is not relevant to this page right now, so should not be seen.  Nothing to see here. Nada.</p>

p {  background: #ffe8d4;  border: 1px solid #f69d3c;  padding: 5px;  border-radius: 5px;}

하나의 표시 방식에서만 숨기려 할 땐hidden 특성이 적합하지 않습니다. 임의의 요소에hidden을 추가하면, 그 요소는 시각적 방식 외에도 스크린 리더 등 다른 모든 표시 방식에서 숨겨집니다.

숨겨지지 않은 요소에서 숨겨진 요소로 연결해서는 안됩니다. 또한, 숨겨진 요소의 자손 요소는 여전히 활성 상태이므로,<script> 요소를 실행할 수 있고 양식 요소도 제출할 수 있습니다. 그러나 스크립트와 요소는 다른 맥락에서 숨겨진 요소를 참조할 수 있습니다.

예를 들어,hidden 특성을 적용한 구획으로 링크하는href 특성은 유효하지 않습니다. 콘텐츠가 사용할 수 없거나 더는 관련이 없으면 연결할 이유도 없기 때문입니다.

하지만, 숨겨진 설명문을 참조하기 위해 ARIAaria-describedby 특성을 사용하는 것은 괜찮습니다. 숨겨진 설명문 자체로는 쓸모가 없음을 나타내지만 특정 문맥, 즉 자신이 설명하는 요소에서 참조하는 경우 쓸모가 생깁니다.

위와 유사하게,hidden 특성을 적용한<canvas> 요소는 스크립트로 작성한 그래픽 엔진에 의해 화면 외 버퍼로 쓰일 수 있고, 숨겨진 양식 요소도form 특성을 통해 양식 컨트롤에서 참조할 수 있습니다.

명세

브라우저 호환성

같이 보기

• 모든전역 속성.