We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

개요

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).

같이 보기

문서 태그 및 공헌자

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