<상세>

HTML <details> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<p><b>注意：</b>目前，只有 Chrome 和 Safari 6 支持 details 标签。</p>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.

브라우저 지원

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

태그 정의 및 사용 지침

<details> 태그는 사용자의 표시되거나 숨겨진 요구 사항에 대한 추가 세부 정보를 지정합니다.

<details> 태그는 사용자가 대화형 컨트롤을 열고 닫는 데 사용됩니다. 모든 형태의 콘텐츠를 <details> 태그 안에 넣을 수 있습니다.

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

HTML 4.01과 HTML5의 차이점

<details> 태그는 HTML5의 새로운 태그입니다.

팁 및 메모

팁: <summary> 태그와 함께 사용하여 세부정보 제목을 정의하세요. 제목이 표시되며, 사용자가 제목을 클릭하면 세부정보가 표시됩니다.

Attributes

New: HTML5의 새로운 속성.

Property	Value	Description
openNew	open	세부정보 표시 여부를 지정합니다.

Global Properties

<details> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<세부정보> 태그는 HTML 이벤트 속성을 지원합니다.