본문 바로가기
웹표준/HTML5 훑어보기

HTML5 details, summary 엘리먼트(element)

by 샷타이거 2010. 7. 22.

HTML5 details 엘리먼트(element)

스크립트와 더불어 흔히 웹사이트에서 클릭시 화면에 새로운정보를보여주고 클릭시 사라지는경우를 봤을 것이다. 이를 구현해주는것이 이엘리먼트이다. 클릭할것은 삼각형버튼으로 되어있다. 하지만 아직 브라우저에서 지원하지 않는다.summary는 details의 자식엘리먼트로 요약해서 설명해준다.

<details open>
 <summary>어쩌고저쩌고</summary>
 <p>울라불라울라불라....</p>
</details>

open속성 엘리먼트는 보이는 상태로 시작된다

댓글