현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.
개요
HTML 세부요소 (<details>) 는 사용자가 추가 정보를 검색할 수 있는 공시 위젯으로 사용된다.
| 콘텐츠 범주 | 플로우 콘텐츠, sectioning root, 대화형 콘텐츠, 가시성 콘텐츠. |
|---|---|
| 허용된 콘텐츠 | 플로우 콘텐츠가 뒤따르는 <summary>요소. |
| 태크 생략 | None, both the starting and ending tag are mandatory. |
| 허용된 부모 요소 | 플로우 콘텐츠를 허용하는 모든 요소. |
| DOM 인터페이스 | HTMLDetailsElement |
속성
이 요소는 글로버 속성을 포합합니다.
open- 이 Boolean 속성은 페이지 로드에 있는 사용자에게 세부사항들을 보여줄지에 대해 나타낸다.
예제
<details> <summary>Some details</summary> <p>More info about the details.</p> </details>
결과
Note: If the live sample above doesn't work for you, see Browser compatibility to determine if your browser supports the feature at all.
사양
| 사양 | 상태 | 주석 |
|---|---|---|
| HTML Living Standard The definition of '<details>' in that specification. |
Living Standard | |
| HTML 5.1 The definition of '<details>' in that specification. |
Recommendation | Initial definition |
브라우저 적합성
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 12 | 49.0 (49.0)[1] | No support | 15 | 6 |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 4.0 | 49.0 (49.0)[1] | No support | No support | No support |
[1] This feature is available since Firefox 47 behind the preference dom.details_element.enabled, defaulting to false, except on Nightly and Aurora versions (bug 1241750). Support for it is enabled by default, i.e. the preference is defaulting to true, since Firefox 49.0 (bug 1226455).