HTML 참조 매뉴얼

HTML 태그 전체

HTML: <details> 태그

HTML <details> 요소는, 확장 상태로 전환되지 않은 경우에만 내용을 표시하는 슬라이드를 생성할 수 있습니다. <summary> 요소는 이 슬라이드에 요약이나 태그를 제공할 수 있습니다.

온라인 예제

使用 <details> 요소:

예제

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　details 태그 사용(기본 튜토리얼 웹 사이트 oldtoolbag.com)</title>
</head>
<body>
<details>
　　　　<summary>Details</summary>
　　　　Something　small　enough　to　escape　casual　notice.（기본 튜토리얼 웹 사이트 oldtoolbag.com）
</details>
</body>
</html>

테스트해 보세요 ‹/›

실행 결과는 어떻게 되나요:

브라우저 호환성

IEFirefoxOperaChromeSafari

현재, Chrome와 Safari만 6 <details> 태그를 지원합니다.

태그 정의 및 사용 설명

<details> 태그는 사용자가 보이거나 숨기는 추가적인 상세 정보를 정의합니다.

<details> 태그는 사용자가 열고 닫을 수 있는 상호작용 컨트롤을 제공합니다. 어떤 형식의 내용이든 <details> 태그 안에 넣을 수 있습니다.

<details> 요소의 내용은 사용자에게 보이지 않습니다. open 속성이 설정되지 않았다면.

HTML 4.01 와 HTML5사이의 차이점

<details> 태그는 HTML5 에서 새 태그를 정의합니다.

추가적인 정보와 주의사항

추가적인 정보:와 <summary> details와 함께 사용할 수 있는 태그로, 타이틀을 정의할 수 있습니다. 타이틀은 보이며, 사용자가 타이틀을 클릭하면 details가 표시됩니다.

속성

New　：HTML5 에서 새 속성을 정의합니다.

속성	값	설명
openHTML5	open	details가 보이는지 결정합니다.