현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

hidden 전역 속성은 해당 요소가 아직까지, 또는 더 이상 관련이 없음을 나타내는 부울 속성입니다. 예를 들어, 페이지에서 로그인 절차가 완료된 이후에는 더 이상 사용되지 않을 요소를 감추는데 사용할 수 있습니다. 브라우저는 hidden 속성이 설정된 요소는 렌더링하지 않을 것입니다.

hidden 속성은 다른 표시방식(presentation)에서는 정당하게 나타내야할 컨텐츠를 감추기 위해 사용해서는 안됩니다. 예를 들어, 탭으로 구분된 대화창에서 패널을 감추기 위해 hidden 속성을 사용하는 것은 올바르지 않은데, 그 이유는 탭 인터페이스가 단지 오버플로우 표시방식(overflow presentation)의 한 종류 — 스크롤이 존재하는 하나의 큰 페이지에 모든 폼 컨트롤(form controls)을 보여주는 것과 다를 바 없기 때문입니다. 이와 유사하게 이 속성을 단지 한 가지 표시 방식에서 컨텐츠를 감추기 위해 사용하는 것은 올바르지 않습니다 — hidden 속성이 설정된 경우, 그 요소는(예를 들면, 스크린 리더(screen readers)를 포함하는) 모든 표시 방식에서 감춰질 것입니다.

숨겨지지 않은 요소에서 숨겨진 요소를 연결할 수는 없으며, 숨겨진 요소의 하위 요소들은 여전히 활성 상태이므로, 그 중에 스크립트 요소는 여전히 실행 가능하며 form 요소는 제출(submit)이 가능하다는 것을 의미합니다. 하지만, 요소나 스크립트는 숨겨진 다른 컨텍스트 내에 있는 요소를 참조할 수 있습니다.

예를 들어, hidden 속성이 적용된 어떤 섹션(section)을 링크하기 위해 href 속성을 사용하는 것은 올바르지 않습니다. 그 내용이 해당되지 않거나 관련이 없으면 연결할 이유가 없습니다.

하지만, 감춰진 설명문을 참조하기 위해 ARIA의 aria-describedby 속성을 사용하는 것은 괜찮습니다(It would be fine, however, to use the ARIA aria-describedby attribute to refer to descriptions that are themselves hidden). 그 설명문을 숨기는 것은 스스로 유용하지 않다는 것을 의미하지만, 거기에 설명된 요소가 그 설명문을 참조하는 것은 특정 맥락에서는 유용할 수 있기 때문입니다(While hiding the descriptions implies that they are not useful on their own, they could be written in such a way that they are useful in the specific context of being referenced from the element that they describe).

이와 유사하게 hidden 속성이 적용된 캔버스 요소는 스크립트로 작성된 그래픽 엔진에서 오프 스크린 버퍼(off-screen buffer)로 사용될 수 있으며, 폼 컨트롤(form control)은 숨겨진 폼을 참조하여 그 폼의 속성을 사용할 수 있습니다.

참고: hidden 속성을 가진 요소의 display CSS 속성 값을 변경하면 동작이 재정의됩니다. 예를 들어, display: flex 스타일이 정의된 요소는 hidden 속성이 존재하더라도 화면에 표시됩니다.

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'hidden' in that specification.
Living Standard No change from latest snapshot, HTML 5.1
HTML Living Standard
The definition of 'Hidden elements' in that specification.
Living Standard Defines the suggested default rendering of the hidden attribute using CSS
HTML 5.1
The definition of 'hidden' in that specification.
Recommendation Snapshot of HTML Living Standard, initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes11 Yes Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support4 Yes Yes Yes Yes Yes Yes

See also

문서 태그 및 공헌자

이 페이지의 공헌자: dolmoon
최종 변경: dolmoon,