HTML <details> 태그 : 추가적인 설명 태그(On-demand Control)

<details> HTML 태그는 웹페이지의 세부 정보나 일부에 대해 설명하고자 할때 사용하며 내용을 숨기거나 보여지게 설정할 수 있습니다.
글 내용중 제목을 클릭하여 내용을 보이게 안보이게 하려면 HTML5의 <summary> 태그와 함께 사용하면 됩니다.
열린 속성이 설정되어 있지 않으면 <details> 내용은 볼 수 없습니다.

HTML5에서 새로 추가된 태그 입니다.

<details> 태그 예제

					
					
<html>
 <head>
    <title>html details 태그 예제샘플</title>
 </head>
 <body>
   <h1>details 태그의 예제샘플입니다</h1>
   <p>

    <details>
     <summary>과일 사과 레포트</summary>
    사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
     </details> 

</body>
</html>

[예제 결과보기및 소스코드 수정하기]

<details> 관련 태그

details , summary