HTML 와 태그를 함께 사용하면 어떤 UI가 만들어지나요?

JavaScript 없이 접었다 펼 수 있는 토글(아코디언) UI가 만들어진다 태그는 사용자가 클릭하여 열고 닫을 수 있는 토글 위젯을 만들고, 는 그 제목 역할을 합니다. JavaScript 없이도 기본적인 아코디언 UI를 구현할 수 있으며, open 속성으로 기본 펼침 상태를 지정할 수 있습니다.

HTML <details>와 <summary> 태그를 함께 사용하면 어떤 UI가 만들어지나요?

쉬움 MDN Web Docs

보기 및 정답

A JavaScript 없이 접었다 펼 수 있는 토글(아코디언) UI가 만들어진다

B 페이지 하단에 각주(footnote)가 자동 생성되어 참조 정보를 표시하는 것이다

C 텍스트에 하이라이트 효과가 적용되어 검색 결과처럼 강조 표시된다

D 브라우저 탭의 제목이 변경되어 사용자에게 새로운 정보를 알려준다

해설

<details> 태그는 사용자가 클릭하여 열고 닫을 수 있는 토글 위젯을 만들고, <summary>는 그 제목 역할을 합니다. JavaScript 없이도 기본적인 아코디언 UI를 구현할 수 있으며, open 속성으로 기본 펼침 상태를 지정할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

HTML <details>와 <summary> 태그를 함께 사용하면 어떤 UI가 만들어지나요?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.